您当前的位置:首页 > 网页设计 > Web开发 > 正文

css教程:CSS边框border属性的应用   

【字体大小: 2009-11-14 23:10 来源: 作者: 
The CSS border properties define the borders around an element.
CSS边框属性用来定义环绕元素的边框(样式)


设置四个边框的样式 Set the style of the four borders
This example demonstrates how to set the style of the four borders.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

分别设置每个边框 Set different borders on each side
This example demonstrates how to set different borders on each side of the element.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

四边框颜色设置 Set the color of the four borders
This example demonstrates how to set the color of the four borders. It can have from one to four colors.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

设置底部边框宽度 Set the width of the bottom border
This example demonstrates how to set the width of the bottom border.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

设置左边框宽度 Set the width of the left border
This example demonstrates how to set the width of the left border.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

设置右边框宽度 Set the width of the right border
This example demonstrates how to set the width of the right border.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

设置顶部边框宽度 Set the width of the top border
This example demonstrates how to set the width of the top border.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

在一次声明后设置所有边框的属性 All the bottom border properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for the bottom border in one declaration.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

在一次声明后设置左边框所有的属性 All the left border properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for the left border in one declaration.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

在一次声明后设置右边框所有的属性 All the right border properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for the right border in one declaration.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

在一次声明后设置顶部边框所有的属性 All the top border properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for the top border in one declaration.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

在一次声明后设置所有边框宽度的属性 All the width of the border properties in one declaration
This example demonstrates a shorthand property for setting the width of the four borders in one declaration, can have from one to four values.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

在一次声明后设置所有边框所有的属性 All the border properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for the four borders in one declaration, can have from one to three values.
Examples 实例:
div css xhtml xml Source Code to Run Source Code to Run [www.52css.com]
    [ 可先修改部分代码 再运行查看效果 ]

The CSS border properties allow you to specify the style and color of an element's border. In HTML we use tables to create borders around a text, but with the CSS border properties we can create borders with nice effects, and it can be applied to any element.
CSS边框属性可以让你指定元素边框的样式和颜色。HTML中我们可以用表格来建立文字的边框,但使用CSS边框属性能让我们建立更好看的效果而且它可以支持任何元素。
    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    【责任编辑:chovil】 标签:
    最新评论 查看所有评论
    发表评论 查看所有评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    用户名:密码:验证码: