ul是HTML中用來創建無序列表的標簽,而CSS可以用來控制ul列表的各種樣式。下面我們將介紹如何運用CSS來控制ul列表的樣式。
/* 設置無序列表的樣式 */ ul { list-style: none; /* 取消默認的項目符號 */ padding: 0; /* 取消默認的內邊距 */ margin: 0; /* 取消默認的外邊距 */ } /* 設置列表項的樣式 */ ul li { padding: 5px; /* 設置每個列表項的內邊距 */ margin-bottom: 5px; /* 設置每個列表項的下外邊距 */ border: 1px solid #ccc; /* 設置列表項的邊框 */ background-color: #f0f0f0; /* 設置每個列表項的背景顏色 */ } /* 設置鼠標懸停時列表項的樣式 */ ul li:hover { background-color: #ddd; /* 設置鼠標懸停時列表項的背景顏色 */ cursor: pointer; /* 設置鼠標懸停時的鼠標指針樣式 */ }
上面的CSS代碼中,我們設置了ul的樣式,包括取消默認的項目符號、內邊距和外邊距。然后我們設置了列表項li的樣式,包括設置每個列表項的內邊距、下外邊距、邊框和背景顏色。最后,我們設置了當鼠標懸停在列表項上時的樣式,包括修改背景顏色和鼠標指針樣式。
上一篇html5怎樣設置
下一篇mysql64安裝版