国产探花免费观看_亚洲丰满少妇自慰呻吟_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;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 乐平市| 吉林省| 长治县| 塔河县| 凤冈县| 清苑县| 平顺县| 舞阳县| 河西区| 南昌市| 普安县| 蒙城县| 杭州市| 平乐县| 黄龙县| 招远市| 当雄县| 犍为县| 铜山县| 吉木乃县| 深圳市| 同仁县| 郸城县| 拜泉县| 永新县| 长海县| 哈巴河县| 澳门| 南江县| 长乐市| 民乐县| 屏山县| 沁水县| 东乌珠穆沁旗| 康乐县| 大英县| 永定县| 武夷山市| 南康市| 武乡县| 桃源县|