CSS樣式表是一種用于美化HTML頁(yè)面的工具,在CSS樣式表中是常用的一種格式。下面我們來(lái)了解一下CSS樣式表中的
- 格式。
ul { list-style: none; /* 去掉默認(rèn)的標(biāo)志符號(hào) */ padding: 0; /* 去掉左側(cè)間距 */ } ul li { margin: 10px 0; /* 上下間距為10px */ padding: 5px 10px; /* 左右間距為10px 上下間距為5px */ background-color: #f5f5f5; /* 背景顏色 */ border-radius: 5px; /* 圓角 */ border: 1px dashed #ccc; /* 邊框 */ box-shadow: 1px 1px 3px rgba(0,0,0,0.1); /* 陰影 */ }
上面的代碼是對(duì)
- 和
- 標(biāo)簽添加的CSS樣式,可以讓列表項(xiàng)看起來(lái)更加美觀。下面我們看一下樣式表中應(yīng)用的效果。
- 列表項(xiàng)1
- 列表項(xiàng)2
- 列表項(xiàng)3
- 列表項(xiàng)4
通過(guò)應(yīng)用上述CSS樣式,我們可以看到列表項(xiàng)的外觀得到了很大的改變,更加美觀、整潔。
下一篇css樣式能讀取嗎