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

首頁 > 開發 > CSS > 正文

CSS教程:專門介紹滑動門

2024-07-11 08:43:06
字體：大 中 小
來源：轉載
供稿：網友

滑動門(Sliding Doors)
還是決定把滑動門單獨提作一種單獨的技術.
它是CSS引入的一項用來創造漂亮且實用的界面的新技術, 它使用簡單, 我們只需要使用兩張單獨的背景圖片, 就可以實現。
css

滑動門一般用做網站Tab導航, 根據Tab中內容的長短自動縮放Tab的效果.
css

前面所述的圓角矩形只是它的一種實現方式而已. 真正的滑動門只需要2組標簽就可以完成:
HTML代碼如下:
<ul> <li><a href="http://www.survivalescaperooms.com" title="">武林網</a></li> </ul>
CSS代碼大致如下:
#header li {
float:left;
background:url("left_both.gif")no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom:1px solid #765;
}
#header a {
float:left;
display:block;
background:url("right_both.gif")no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#765;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 游戏| 将乐县| 札达县| 保靖县| 仙居县| 申扎县| 吉隆县| 长海县| 江北区| 鄂托克前旗| 阜南县| 台江县| 遵义市| 万州区| 霍林郭勒市| 清河县| 沙湾县| 清流县| 徐水县| 城固县| 永嘉县| 通城县| 略阳县| 江孜县| 鄂温| 新平| 峨边| 吴忠市| 黑龙江省| 定西市| 盐城市| 敖汉旗| 侯马市| 黄平县| 偏关县| 永兴县| 重庆市| 陕西省| 商都县| 稷山县| 海伦市|