有背景的底线

把滑鼠移过来 、我会变颜色哦

其实这个是一种底线来的 、只不过它是比较特别的底线
1. 到 设计 → 修改 HTML

2. Ctrl + F 寻找 u {

3. 在 u { 的下面添加以下代码

text-decoration:none;
color: #FFFFFF;
background: #000000;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
border-radius: 2px;
-webkit-transition-duration: 2s;
}

u:hover {
color: #000000;
background: #FFFFFF;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
border-radius: 2px;
-webkit-transition-duration: 2s;
}

color: #FFFFFF; 是字体的颜色
background: #FFFFFF; 是背景的颜色
颜色代码在这里

4. 保存 。

找不到 u { 吗 ? 那就自己加一个进去吧

1. Ctrl + F 寻找 /* Header

2. 复制以下代码到 /* Header 的上面

u {
text-decoration:none;
}

3. 保存 。

Credit : Oreo Queen