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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 广平县| 贡嘎县| 会宁县| 沽源县| 东城区| 元谋县| 泰州市| 阿勒泰市| 湖南省| 南溪县| 定兴县| 宣武区| 丽江市| 从化市| 洪湖市| 延边| 天峨县| 锡林浩特市| 静安区| 乡宁县| 金平| 如皋市| 全南县| 竹溪县| 江北区| 彭阳县| 杨浦区| 响水县| 安溪县| 大宁县| 平安县| 当阳市| 唐海县| 镇安县| 砀山县| 班玛县| 平昌县| 屏山县| 抚州市| 开原市| 台南市|