荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: hawkwolves (十一狼), 信区: Homepage
标 题: CSS 第七节: CSS 控制边框
发信站: BBS 荔园晨风站 (Tue Jun 6 11:41:10 2000), 转信
这一节我们讨论如何用 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}
我们同样可以用 padding-left, padding-right, padding-top, 和
padding-bottom 来分别控制左，右，上，下的元素内部
的周边空格。
元素边框的宽度
我们可以用 border-width 性质来调节边框的宽度。 比如
P.width5 {border-width: 1px}
这个 P 元素的边框宽度是 1 px
你可以用 border-left-width, border-right-width, border-top-width,
和 border-bottom-width 来分别决定左，右，上，下边的宽度
元素边框的颜色
我们可以用 border-color 性质来调节边框的颜色。 比如
P.colorred {border-color: red}
这个 P 元素的边框的颜色是红色的
元素边框的形态
我们可以用 border-style 性质来调节边框的形态。 比如
P.inset {border-style: inset, border-width: 5px}
--
┏━┳━┳━┳━┳━┳━┳━┳━┓
┃当┃你┃你┃你┃去┃我┃我┃我┃ My e-mail:11_wolf@163.net
┃了┃跟┃也┃没┃做┃手┃要┃不┃
┃小┃在┃没┃有┃老┃敲┃把┃再┃
李┃尼┃身┃有┃讲┃和┃木┃你┃烦┃ My homepage:http://192.168.35.20
敖┃姑┃后┃哭┃话┃尚┃鱼┃忘┃恼┃
※ 来源:·BBS 荔园晨风站 bbs.szu.edu.cn·[FROM: 192.168.35.20]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店