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

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 实例:
代码调试框 [www.dedecms.com]
[ 可先修改部分代码 再运行查看效果 ]

分别设置每个边框 Set different borders on each side
This example demonstrates how to set different borders on each side of the element.
Examples 实例:
代码调试框 [www.dedecms.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 实例:
代码调试框 [www.dedecms.com]
[ 可先修改部分代码 再运行查看效果 ]

设置底部边框宽度 Set the width of the bottom border
This example demonstrates how to set the width of the bottom border.
Examples 实例:
代码调试框 [www.dedecms.com]
[ 可先修改部分代码 再运行查看效果 ]

设置左边框宽度 Set the width of the left border
This example demonstrates how to set the width of the left border.
Examples 实例:
代码调试框 [www.dedecms.com]
[ 可先修改部分代码 再运行查看效果 ]

设置右边框宽度 Set the width of the right border
This example demonstrates how to set the width of the right border.
Examples 实例:
代码调试框 [www.dedecms.com]
[ 可先修改部分代码 再运行查看效果 ]

设置顶部边框宽度 Set the width of the top border
This example demonstrates how to set the width of the top border.
Examples 实例:
代码调试框 [www.dedecms.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 实例:
代码调试框 [www.dedecms.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 实例:
代码调试框 [www.dedecms.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 实例:
代码调试框 [www.dedecms.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 实例:
代码调试框 [www.dedecms.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 实例:
代码调试框 [www.dedecms.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 实例:
代码调试框 [www.dedecms.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边框属性能让我们建立更好看的效果而且它可以支持任何元素。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Grow your business fast with

Suku