常用文本CSS
初始
瓜皮之牙
加粗
瓜皮之牙
字号
瓜皮之牙
颜色
瓜皮之牙
斜体
瓜皮之牙
下划线
瓜皮之牙
阴影
瓜皮之牙
删除线
瓜皮之牙
左右间隔
瓜皮之牙
更多CSS特效代码
这是带有各种特效属性的文字
说明 | 代码 |
文本字号 | font-size:20px; |
文本加粗 | font-weight: bold; |
文本颜色 | color: #FFF; |
文本描边 | -webkit-text-stroke: 2px #000000; |
背景色 1 | background-color: #000; |
背景色 2 | background-color: rgb(255, 255, 255, 0.5); |
内间距 | padding: 3px; |
内间距(左) | padding-left: 20px; |
内间距(右) | padding-right: 20px; |
外边距 | margin: 10px; |
外边距(下) | margin-bottom: 10px; |
圆角 | border-radius: 5px; |
加框、加颜色 | border: 5px solid #00FF0F; |
文本阴影 | text-shadow: 2px 2px 1px rgba(0, 255, 15, 9.9); |
背景阴影 | box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); |
备份几个常用的按钮:
瓜皮之牙
<font style="color:#2D2D2D; border:1px solid #2D2D2D; border-radius: 5px; background-color: rgb(225, 225, 225, 0.6); padding: 5px; padding-left: 10px; padding-right: 8px;">瓜皮之牙</font>
瓜皮之牙
<font style="color:#FFF; border:1px solid #2D2D2D; border-radius: 5px; background-color: rgb(0, 0, 0, 0.9); padding: 5px; padding-left: 10px; padding-right: 8px;">瓜皮之牙</font>
<a href="AAA"><button style="background: linear-gradient(45deg, #ff6b6b, #f7d060); border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 5px; transition: background 0.3s ease; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);">渐变色按钮</button></a>