網(wǎng)頁建設(shè)公司:用CSS設(shè)置圖片效果
例主要是通過float語句對(duì)首字下沉進(jìn)行了控制,并且用<span>標(biāo)記對(duì)首字設(shè)置了
單獨(dú)的樣式,以達(dá)到突出顯示的目的。
用CSS設(shè)置圖片效果
1.圖片樣式
(1)圖片邊框。HTML語言可以直接通過<img>標(biāo)記的border屬性值為圖片添加邊
框,從而控制邊框的粗細(xì),當(dāng)設(shè)置該值為0時(shí),則圖片沒有邊框。用這種方法設(shè)置的邊框都
是黑色的,而且風(fēng)格單一,都是實(shí)線,僅在邊框粗細(xì)上能夠進(jìn)行調(diào)整。
在CSS中,可以通過border屬性為圖片添加各式各樣的邊框。
格式:
邊框的樣式有dotted(點(diǎn)醞線)、dashed(虛線)、solid(實(shí)線)、groove(雙線)等。
用“記事本”編寫如下代碼并保存為3_3_9.htm文件。
通過瀏覽器查看,上面這段代碼在IE 9中的顯示結(jié)果如圖3-25所示。
圖3-25 CSS設(shè)置圖片邊框顯示效果
本例的顯示效果為,第一幅圖片的邊框設(shè)置的是金黃色、10 px寬的點(diǎn)劃線邊框,第二幅
圖片設(shè)置的是藍(lán)色、20 px寬的虛線邊框。
CSS還可以將一個(gè)邊框的4個(gè)邊分別設(shè)置成不同樣式,即分別設(shè)定border - left.
border - right、border - top和border - bottom的樣式。
格式:
用記事本編寫如下代碼并保存為3_3_10. htm文件。
< html>
< body>
通過瀏覽器查看,上面這段代碼在IE 9中的顯示結(jié)果