DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css控制表格邊框:css 控制邊框
css控制表格邊框:css 控制邊框
編輯:CSS詳解     
以下內容為程序代碼
<style>
h3 {color: #cc6600}
table.pad {padding: 5mm; background-color: #ccefcc}
p.width5 {border-width: 1px}
p.colorred {border-width: 2px; border-color: red}
p.inset {border-width: 5px; border-color: red; border-style: inset}
p.outset {border-width: 5px; border-color: red; border-style: outset}
p.double {border-width: 5px; border-color: red; border-style: double}
p.groove {border-width: 5px; border-color: red; border-style: groove}
p.ridge {border-width: 5px; border-color: red; border-style: ridge}
</style>

這一節我們討論如何用 CSS 來控制四周的空格以及邊框的設定
元素周邊的空格 margin性質 margin 可被用來決定周邊的空格, 假如我們想讓整個網頁在
左邊有 5em 但讓標題沒有任何空格
body {margin: 5em}
h3 {margin: -5em}
h3 的負值 -5em 抵銷了 body 5em 的空格。
另外我們還可以分別用 margin-left, margin-right, margin-top,
和 margin-bottom 來設定 左,右,上,下的空格
元素內部周邊的空格 padding
初看起來這個性質跟 margin 好象一樣。 其實它們之間有
很大的區別。margin 的空格是相對於其他的元素所空的,
而 padding 是在元素的周邊和內部的內容所空的空格。在
下面的例子,我們用有背景顏色的 table 來讓你注意這
個性質
table.pad {padding: 5mm; background-color: #ccefcc}
[code]
<table class="pad"><tr><td>
petersen was arrested in a modest apartment building in studio
city, calif., which he had been sharing with three other people. the 本文鏈接http://www.cxybl.com/html/wyzz/CSS/20120601/27371.Html
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved