CSS樣式表是一種用于美化HTML頁面的工具,在CSS樣式表中是常用的一種格式。下面我們來了解一下CSS樣式表中的
- 格式。
ul { list-style: none; /* 去掉默認的標志符號 */ 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); /* 陰影 */ }
上面的代碼是對
- 和
- 標簽添加的CSS樣式,可以讓列表項看起來更加美觀。下面我們看一下樣式表中應(yīng)用的效果。
- 列表項1
- 列表項2
- 列表項3
- 列表項4
通過應(yīng)用上述CSS樣式,我們可以看到列表項的外觀得到了很大的改變,更加美觀、整潔。
上一篇css樣式表中底對齊
下一篇css樣式能讀取嗎