国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 網頁設計 > 正文

用圖片實現超級鏈接的個性化下劃線

2024-08-30 08:33:41
字體：大 中 小
來源：轉載
供稿：網友
如果某種你看到圖片中的下劃線鏈接請不要驚訝。因為它其實很簡單，你也可以做到。
來這里看看實際效果 http://5key.net/demo/hyperlink-underline
uploads/200710/29_094308_1.gif
首先，我們來說說這個彩色的下劃線是怎么弄的。也許你已經猜到了，一張漸變的背景圖片。沒錯！就是下面這張圖片。
uploads/200710/29_100223_2.gif
再看看下面的css，整個鏈接的變化效果我想你應該已經明白了吧。
如果不是太清楚。先來了解一下滑動門的概念body {
font-size:14px;
font-family: Helvetica, sans-serif;
padding:10px;
margin:0px;
}
h1{margin:0; padding:0; font-size:16px; }
p{padding:20px 0 0 0;}
a{
*padding-bottom:1px;
text-decoration:none;
}
a:link{
color:#06F;
background: url(1.gif);
background-repeat: repeat-x;
background-position: 0 16px;
}
a:visited{
color:#06f;
background-image: url(1.gif);
background-repeat: repeat-x;
background-position: 0 16px;
}
a:hover{
color:#039;
background:url(1.gif) repeat-x 0 bottom;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 辽宁省| 星座| 丹寨县| 沙雅县| 广丰县| 舞钢市| 连州市| 清原| 宽甸| 新津县| 贺兰县| 界首市| 文水县| 灵丘县| 大新县| 新沂市| 中卫市| 宁波市| 滁州市| 万源市| 龙门县| 广汉市| 个旧市| 永靖县| 巴楚县| 昌黎县| 赣榆县| 察雅县| 巴楚县| 黎平县| 卫辉市| 河东区| 新竹市| 喜德县| 永修县| 广西| 赤城县| 公主岭市| 察雅县| 彰化县| 论坛|