美化特别的框框底线(变化)

看了这则教程没有?---------特别的框框底线

就是我!!我是特别的框框底线!!=)

想不想美化它?


跟从我吧!!^^

教程开始---------------

1.

设计---修改html---Ctrl+F找

 u {




2.


在 u { 的上面添加以下代码

u:hover {-moz-opacity:0.80;
opacity:.80;
-webkit-transition:0.5s;
border-radius: 5px;
transition:0.5s;
filter:alpha(opacity =80);
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background:#000000;
color: #ffaad5;
-webkit-transition-duration: 2s;
} 

红色的字---背景颜色代码
紫色的字---字体的颜色代码

教程完------------------