澳门二十一点游戏赌场 澳门二十一点游戏赌场
    您现在的位置:首页 >> 软件应用 >> DIV+CSS教程 >> 内容

    边框属性

    时间:2012/7/23 18:30:50 点击:

      核心提示:五、边框属性   前面例子里提到的,例如用来定义字体颜色的color,字体大小的font-size,都是CSS的属性。从这一课起,就开始详细介绍CSS的各类属性。   每一个网页都可以理解成是被一个方...

        五、边框属性
      前面例子里提到的,例如用来定义字体颜色的color,字体大小的font-size,都是CSS的属性。从这一课起,就开始详细介绍CSS的各类属性。
      每一个网页都可以理解成是被一个方框框起来的,而页面中不同的部分又可以分为一个个小的方框。因此定义方框的边距、边界、颜色等的边框属性应用而生。
       1、边距属性:


    ·左边距(margin-left)
    ·右边距(margin-right)
    ·上边距(margin-top)
    ·下边距(margin-bottom)
    ·边距(margin)
      边距属性定义HTML页面中方框四边和其他元素之间的空白距离,每一个margin-side属性只影响到一条边,而margin则提供了一个同时设置四个边距的机会。
       2、填充属性:
    ·左填充(padding-left)
    ·右填充(padding-right)
    ·上填充(padding-top)
    ·下填充(padding-bottom)
    ·填充(padding)
      填充属性设置边框和内部元素的距离。它和边距属性十分相似,每个padding-side定义一个边框距离,padding则同时定义四个距离。
       3、边界属性
    ·上边界宽(border-top-width)
    ·右边界宽(border-right-width)
    ·下边界宽(border-bottom-width)
    ·左边界宽(border-left-width)
    ·边界宽(border-width
       这几个属性定义边界宽度,用thin、medium和thick分别表示细、中等和粗,或者指定具体的数值来定义边界的宽度。
    ·边界颜色(border-color)
       这个属性定义边界的颜色,可以用16种颜色名或RGB值来设置。如果指定一种颜色,则表示四个边框是一种颜色,指定两种颜色,则定义顺序为上下、左右;指定三种颜色,顺序为上、左右、下;指定四种颜色,顺序则为上、右、下、左。16种颜色名分别为:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。RGB值则应表示为#RRGGBB或r%,g%,b%。
    ·边界样式(border-style)
       该属性用以定义边框的风格呈现式样。共有九种。
    none - 不显示边框,为缺省值
    dotted - 点线
    dashed —虚线
    solid - 实线
    double - 双线
    groove -凹线
    ridge - 凸线
    inset - 使整个方框凸起
    outset - 使整个方框凹陷
    ·上边界(border-top)
    ·右边界(border-right)
    ·下边界(border-bottom)
    ·左边界(border-left)
    ·边界(border)
       这几个是简写属性,它集合了上面几种属性的特点,可使用其给边框一次性定义宽度、式样和颜色。各属性值之间用空格隔开。
       4、尺寸属性
       定义方框的宽度width和高度height。
       例:DIV.sample {width: 300px;
       height: 200px }
       5、浮动和清除属性
       浮动属性是指某一对象在母体元素内的浮动位置,清除属性和浮动属性一起使用,则表示同一母体内的其他对象可以流到浮动对象的旁边。
       例:
       .float1 { float: left;
       clear: right }
       假如这个样式定义在表格单元中的某个对象,则该对象将浮动在单元中的左边,而同一单元格中的其他对象在它右边的周围部分。
       这里是一个比较完整的例子,把这个例子按样输入,建立一个HTML文件,看看它的显示样式:
    < html>
    < head>
    < title> a sample< /title>
    < style>
    < !--
    DIV.example {margin-left: 20px;
    padding-top: 50px;
    border: 10px red outset;
    float: right
    clear: none
    }
    -->
    < /style>
    < /head>
    < body>
    < div class="example">
    < p>这是一个关于边框属性的完整实例< /p>
    < p>看看它的显示风格< /p>
    < /div>
    < /body>
    < /html>

    Tags:边框 框属 属性   
    作者:佚名 来源:不详

  • 上一篇:创建CLASS
  • 下一篇:字体属性
  • 共有评论 0相关评论
    发表我的评论
    • 大名:
    • 内容:
    本类推荐
    • 没有
    本类固顶
    • 没有
  • 澳门二十一点游戏赌场(www.0769online.com) © 2018 版权所有 All Rights Reserved. 邮箱:103150@qq.com 业务QQ:103150 手机:13549753683

    Power By Laoy8 SQL 3.0SP1 粤ICP备10098668号
  •