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

首頁 > 開發 > CSS > 正文

css圓角之有序列表dl、無序列表ul如何實現？

2024-07-11 08:40:23
字體：大 中 小
來源：轉載
供稿：網友
　　我們常可以看到許多列表或文章段落是圓角的。在傳統的制作中，我們往往通過背景圖片來營造出圓角的效果。運用div css進行網頁布局，我們應該讓編碼更有語義，結構更加的簡單，更重要的是可以適應寬度與高度的變化。有序列表dl、無序列表ul的圓角我們可以僅通過四個角的圖片來實現。我們看下面的這一張圖片：


　　我們將圓角的多出部分設置成“背景色”，這里的背景色指的是網頁的背景色或此DL、UL容器的背景色。而內部的顏色是透明的，我們可以根據不同的需要進行顏色的設置，而根本不需要去修改這四個圖片。

　　我們首先需要制作四張圖片備用，這四張圖片，分別是：topl.gif頂部的左側；topr.gif頂部的右側；botl.gif底部的左側，botr.gif底部的右側。這四張圖片分別定義在不同的背景容器里，營造出了圓角的效果。

　　我們來看有序列表DL的實現方法，我們看下面的XHTML代碼：

示例代碼 [www.CuoXIn.com]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 宾川县| 西华县| 六安市| 宜宾县| 建阳市| 昌乐县| 上饶县| 石渠县| 昌邑市| 浙江省| 图们市| 景谷| 公主岭市| 博罗县| 武平县| 离岛区| 右玉县| 黄龙县| 揭阳市| 兴隆县| 施甸县| 亚东县| 河东区| 临湘市| 修武县| 房山区| 九龙县| 历史| 祁阳县| 三明市| 老河口市| 道孚县| 延长县| 邵阳县| 阿拉善右旗| 潼南县| 八宿县| 恭城| 泰顺县| 卢氏县| 彭山县|