我要投稿
  • 您当前的位置:365bet官方 -> 技术教程 -> 网站建设教程 -> CSSHTML教程 -> 教程内容
  • [ 收藏本页教程 ]
  • css新手上路(6)CSSHTML教程

    教程作者:佚名    教程来源:不详   教程栏目:CSSHTML教程    收藏本页
    这一节我们讨论如何用 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


    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.ct131.com All Rights Reserved.365bet官方 版权所有