当前位置：首页 -> 网页设计 -> HTML/CSS -> css新手上路(6)

css新手上路(6)

时间： 2021-07-31 作者：daque

这一节咱们计划怎样用 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}petersen was arrested in a modest apartment building in studio city, calif., which he had been sharing with three other people. the marshals entered the apartment using a key provided by the building's manager. when they entered, the marshals said, they found petersen alone -- sitting on his bed and using his laptop computer. 咱们同样不妨用 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}这个 p 元素的边框的样式是 inset 这个 p 元素的边框的样式是 outset 这个 p 元素的边框的样式是 double 这个 p 元素的边框的样式是 groove 这个 p 元素的边框的样式是 ridge

css新手上路(6)

相关推荐

推荐下载

热门阅览

最新排行