成人视屏在线观看-国产99精品-国产精品1区2区-欧美一级在线观看-国产一区二区日韩-色九九九

您的位置:首頁技術文章
文章詳情頁

css列表標簽list與表格標簽table詳解

瀏覽:145日期:2022-06-02 17:48:16

列表list,無序列表ul,有序列表ol

1.列表項樣式list-style-type

無列表默認為dist實心圓,有序列表默認為decimal阿拉伯數字(前面不帶0)

其他無序列表常用none無樣式,circle空心圓,square實心方塊

有序列表常用decimal-leading-zero以0開頭的數字,lower-roman、upper-roman小寫、大寫羅馬數字,lower-alpha、upper-alpha小寫、大寫英文字母

ul.a {list-style-type: circle;}ul.b {list-style-type: square;} ol.c {list-style-type: upper-roman;}ol.d {list-style-type: lower-alpha;}
例如上述設置后,顯示的為

2.列表項標記的圖像list-style-image: url

ul { list-style-image: url("sqpurple.gif"); }

3.列表項標記的位置list-style-position

默認值outside,標記位于文本的左側,且放置在文本以外,環繞文本不根據標記對齊

inside,標記放置在文本以內,且環繞文本根據標記對齊

上述三個屬性可集合在一起,通過list-style表示,順序為type、position、image,可根據需要選擇

例如ul { list-style: square url("sqpurple.gif"); }

表格table

1.邊框border

如果僅使用border,例如table, th, td { border: 1px solid black; },得到的效果如下,因為th和td都有各自的邊框

可再通過border-collapse屬性設置表格的邊框被折疊成一個單一的邊框或隔開

table {border-collapse: collapse;}table, td, th {border: 1px solid red;background-color:lightgray;color:green;text-align:center}

2.表格寬度和高度,例如

table{width:100%;}th{height:40px;}tr{height:30px;}

3.表格內文本對齊方式

text-align水平對齊,vertical-align垂直對齊(設置垂直對齊方式時必須指定td的高度)

標簽: CSS HTML
相關文章:
主站蜘蛛池模板: 精品国产一区二区三区在线观看 | 国产主播精品福利19禁vip | 久久精品国产亚洲a | 免费观看欧美一区二区三区 | 免费一级毛片视频 | 精品国产一区二区三区在线 | 国产成人一区二区视频在线观看 | 国产1区在线观看 | 国产亚洲一区二区三区在线观看 | 免费观看成人久久网免费观看 | 美国毛片aaa在线播放 | 亚洲系列 | 淫模| 久久99亚洲精品久久频 | 国产午夜精品一区二区 | 三级三级三级网站网址 | 国产成人午夜福在线观看 | 久久免费高清视频 | 高清在线精品一区二区 | 六月丁香婷婷色狠狠久久 | 国产香蕉98碰碰久久人人 | 亚洲成a人片在线观看中文 亚洲成a人片在线观看中文!!! | 欧美三级超在线视频 | 亚洲国产精品久久久久久网站 | 欧美成年人视频 | 色综合色狠狠天天久久婷婷基地 | 午夜在线播放免费人成无 | 国内自产拍自a免费毛片 | 高清国产美女一级a毛片录 高清国产亚洲va精品 | 波多野结衣中文在线播放 | 久久国产国内精品对话对白 | www.亚洲黄色 | 欧美日韩亚洲v在线观看 | 欧美精品免费线视频观看视频 | 久久精品国产亚洲7777 | 二区视频在线 | 国产一区亚洲二区三区毛片 | 曰本三级 | 国产一区二区三区在线看 | 国产亚洲欧美日韩在线观看一区二区 | 真实国产乱人伦在线视频播放 |