常用文本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>