有背景的底线



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

其实这个是一种底线来的 、只不过它是比较特别的底线

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

11 留言:

yoona允儿 說 : 回复

只有页面才看得到吗?

Mrs 、咸蛋 ♥ 說 : 回复

放在文章里也是可以看到的 .

Yυзи Tнιиq 說 : 回复

放在文章裏 怎樣使用 ?

Mrs 、咸蛋 ♥ 說 : 回复

把底線的代碼也放進文章裡就可以咯
例如 : <u>文字內容</u>

Yυзи Tнιиq 說 : 回复

還是不會耶 底線的代碼是放在 文字內容 的前面還是后面 ?
不是很明白 不好意思 麻煩你教我了 ><

Mrs 、咸蛋 ♥ 說 : 回复

前面和後面

Yυзи Tнιиq 說 : 回复

做到了 謝謝你 :)

Mrs 、咸蛋 ♥ 說 : 回复

不客氣 :D

Lii Min 說 : 回复

如果像那个特别的底线啊,除了pink色还有别的颜色麽? :]

Mrs 、咸蛋 ♥ 說 : 回复

有的哦 把顏色代碼換成你自己喜歡的顏色就可以咯 :3

I'm. Bibi 說 : 回复

不可以啊。。我做不到><

張貼留言