CSS符號是一種可以在網(wǎng)頁中添加各種圖形、符號和圖標(biāo)的工具,它可以讓我們將各種符號快速而輕松的加入到我們網(wǎng)頁的設(shè)計(jì)中。這些符號不僅可以讓網(wǎng)頁更加豐富多彩,還可以起到優(yōu)化、美化界面的作用。
/*使用CSS符號呈現(xiàn)箭頭列表*/ ul#arrowlist{ list-style-type:none; margin:0; padding:0; } ul#arrowlist li{ padding: 8px 0; background: url(images/arrows.png) no-repeat; background-position: 0 7px; padding-left:12px; border-bottom:1px dotted #666; } ul#arrowlist li:last-child{ border-bottom:none; }
例如,我們現(xiàn)在要在網(wǎng)頁中添加一個(gè)帶有箭頭的列表,這時(shí)我們可以使用CSS符號中的background屬性來實(shí)現(xiàn)。我們可以首先設(shè)置ul標(biāo)簽的list-style-type為none,這樣就能夠隱藏瀏覽器自帶的列表編號。接著,我們?yōu)槊恳粋€(gè)列表項(xiàng)添加一個(gè)背景圖像,指定其所在的位置,這樣就可以一次性地為整個(gè)列表提供箭頭圖標(biāo)。我們還可以根據(jù)需要,使用多個(gè)背景圖像來實(shí)現(xiàn)更加豐富多彩的效果。