在網頁中,邊框隨處可見,任何塊元素和行內元素都可以設置邊框屬性。例如,div元素可以設置邊框,img元素也可以設置邊框,table元素也可以設置邊框,span元素同樣也可以設置邊框等等。
圖1 導航條中的邊框(div元素)
圖2 圖片中的邊框(img元素)
圖3 表格中的邊框(table元素)
大家觀察一下圖1~圖3,想一下要設置一個元素的邊框要設置哪幾個方面?
我們很容易得到結論,要設置一個元素的邊框必須要設置以下3個方面:
注意,設置一個元素的邊框必須要同時設置border-width、border-style、border-color這三個屬性,這個元素的邊框才能在浏覽器顯示出來。