DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS border邊框取值
CSS border邊框取值
編輯:CSS詳解     
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        /*要想看到邊框的顏色,就必須設置邊框的樣式,否則看不到效果。
        border也可以簡寫:border:1px solid Red  意思是設置邊框border寬度為1px,樣式為solid,顏色為Red*/
        .d1{  border-width:1px; border-style:solid;border-color:Red; background-color:Gray; text-align:center; }
    </style>
</head>
<body>
<div class="d1">div1測試</div>
<div>
border-left 設置左邊框,一般單獨設置左邊框樣式使用
border-right 設置右邊框,一般單獨設置右邊框樣式使用
border-top 設置上邊框,一般單獨設置上邊框樣式使用
border-bottom 設置下邊框,一般單獨設置下邊框樣式使用,有時可將下邊框樣式作為css下劃線效果應用。

四邊相同邊框border簡寫

#divcss5{border:1px solid #00F}

設置了divcss5對象盒子1px像素藍色實線邊框
</div>

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