CSS語言是一種常用于網頁設計的樣式表語言,它可以使HTML文檔變得更加美觀、易讀。
/* CSS樣式表 */ ul { list-style: none; /* 去掉列表樣式 */ margin: 0; padding: 0; } li { display: block; /* 設置列表項為塊級元素 */ margin: 10px 0; } li a { display: block; /* 設置鏈接元素為塊級元素 */ padding: 10px; background-color: #ccc; color: #000; text-decoration: none; }
使用CSS樣式表可以很方便地實現垂直排列的列表,比如導航菜單。
/* HTML代碼 */
這里的CSS樣式表通過設置ul元素的list-style、margin、padding屬性,讓整個列表沒有默認的樣式,并且沒有外邊距和內邊距。
通過設置li元素的display屬性為block,讓每一個列表項獨占一行,并且設置上下外邊距為10px,讓列表項之間有一定的間隔。
最后,通過設置a元素的display屬性為block,讓每個鏈接元素獨占一行,并且設置內邊距、背景顏色和文字顏色,讓整個菜單具有更好的可讀性。