《2022年css新手上路(6)CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年css新手上路(6)CSSHTML教程.docx（4页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2022年css新手上路(6)CSSHTML教程这一节我们探讨如何用 CSS 来限制四周的空格以及边框的设定元素周边的空格 margin性质 margin 可被用来确定周边的空格， 假如我们想让整个网页在左边有 5em 但让标题没有任何空格 BODY {margin: 5em} H3 {margin: -5em} H3 的负值 -5em 抵销了 BODY 5em 的空格。另外我们还可以分别用 margin-left, margin-right, margin-top,和 margin-bottom 来设定 左，右，上，下的空格元素内部周边的空格 padd
2、ing初看起来这特性质跟 margin 好象一样。 其实它们之间有很大的区分。margin 的空格是相对于的元素所空的，而 padding 是在元素的周边和内部的内容所空的空格。在下面的例子，我们用有背景颜色的 TABLE 来让你留意这特性质 TABLE.pad {padding: 5mm; background-color: #CCEFCC} Petersen was arrested in a modest apartment building in Studio City, Calif., which he had been sharing with three ot
3、her people. The Marshals entered the apartment using a key provided by the buildings manager. When they entered, the Marshals said, theyfound Petersen alone - sitting on his bed and using his laptop computer.我们同样可以用 padding-left, padding-right, padding-top, 和padding-bottom 来分别限制左，右，上，下的元素内部的周边空格。元素边
4、框的宽度我们可以用 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} 这个 P 元素的边框的形态是 inset这个 P 元素的边框的形态是 outset这个 P 元素的边框的形态是 double这个 P 元素的边框的形态是 groove这个 P 元素的边框的形态是 ridge