模板:Soft-ui

首页模板模板:Soft-ui

说明文档

使用方法

• 请使用 https://neumorphism.io/#e0e0e0 生成下方css代码

调用参数

1.
{soft-ui|text=显示的内容|border-radius=圆角|background=背景颜色|box-shadow=阴影|color=文字颜色|width=宽度|height=高度|padding=内边距|margin=外边距|display=盒子显示类型|追加css=追加的css}}
2.
{soft-ui|开始|border-radius=圆角|background=背景颜色|box-shadow=阴影|color=文字颜色|width=宽度|height=高度|padding=内边距|margin=外边距|display=标签类型|追加css=追加的css}}
显示的内容（支持表格等语法）
{soft-ui|结束}}

必填

• text：框内显示的文字（用法2不需要）

---以下内容请使用[Generate Soft-UI CSS code]生成。---

• border-radius：边框圆角像素大小（默认50px）
• background：背景颜色（默认#cd412b）
• box-shadow：盒子阴影（默认20px 20px 60px #bebebe,-20px -20px 60px #ffffff）

---以上内容请使用[Generate Soft-UI CSS code]生成，记得根据生成的soft ui适当调整下方的css哦。---

选填

• width：盒子宽度（默认auto）
• height：盒子高度（默认auto）
• padding：盒子内边距（默认20px）
• margin：盒子外边距（默认10px 1px）
• color：文字颜色（默认#222222）
• display：显示类型（默认inline-block）
• 追加css：追加的css

示例1

你所写的

{{soft-ui}}

显示内容

您没有输入任何信息

示例2

你所写的

{{soft-ui
|text=这是一个SOFT-UI BOX，还可以添加图片[[文件:Scrap.png|link=废料|20px]].
但是不能添加表格，想要添加表格见示例3！
|border-radius=21px
|background=#cd412b
|box-shadow=6px 6px 15px #ae3725,-6px -6px 15px #ec4b31
|color=#fff
|追加css=font-weight: 800;}}

显示内容

这是一个SOFT-UI BOX，还可以添加图片. 但是不能添加表格，想要添加表格见示例3！

示例3

你所写的

{{沙盒/2|开始
|border-radius=21px
|background=#cd412b
|box-shadow=14px 14px 29px #bebebe,-14px -14px 29px #cd412b
|color=#fff
|追加css=font-weight: 800;
|width=500px
|height=auto}}{| class="wikitable" style="width：100%"
|-
!我是表格
|-
|表格内容
|}
{{沙盒/2|结束}}

如果表格上方有空隙请把模板和表格连在一起不要换行

显示内容

我是表格
表格内容

---

所有模板列表