DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS基礎知識 >> 5.1 CSS邊框概述
5.1 CSS邊框概述
編輯:CSS基礎知識     

一、CSS邊框概述

在網頁中,邊框隨處可見,任何塊元素和行內元素都可以設置邊框屬性。例如,div元素可以設置邊框,img元素也可以設置邊框,table元素也可以設置邊框,span元素同樣也可以設置邊框等等。

圖1 導航條中的邊框(div元素)

圖2 圖片中的邊框(img元素)

圖3 表格中的邊框(table元素)

二、邊框屬性

大家觀察一下圖1~圖3,想一下要設置一個元素的邊框要設置哪幾個方面?

我們很容易得到結論,要設置一個元素的邊框必須要設置以下3個方面:

  • (1)邊框的寬度;
  • (2)邊框的外觀(實線,或者虛線);
  • (3)邊框的顏色;
表1 邊框的三個屬性 屬性 說明 border-width 邊框的寬度 border-style 邊框的外觀 border-color 邊框的顏色

注意,設置一個元素的邊框必須要同時設置border-width、border-style、border-color這三個屬性,這個元素的邊框才能在浏覽器顯示出來。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved