使用CSS讓li顯示點
CSS(層疊樣式表)可以讓網頁變得更美觀,其中一個常見的應用就是為列表添加點。以下是使用CSS讓li顯示點的方法。
ul { list-style-type: disc; /* 點 */ /* list-style-type: circle; 中空圓圈 */ /* list-style-type: square; 正方形 */ } /* 自定義點樣式 */ ul.customized { list-style-image: url('dot.png'); }
上面的代碼中,我們首先選擇整個列表(使用ul標簽),然后使用list-style-type屬性選擇要使用的點的樣式。在這個例子中,我們選擇了實心圓圈(disc)。其他可選的值包括中空圓圈(circle)和正方形(square)。
如果您想自定義點的樣式,可以使用list-style-image屬性。這個屬性接受一個URL作為值,指向您自己制作的圖片作為點使用。在上面的例子中,我們使用了一個叫做dot.png的圖片作為點的形式。
通過這些CSS樣式,您可以讓列表看上去更有條理,更易于閱讀。
上一篇css讓li成豎列排
下一篇mysql多對多外鍵關聯