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]
欢迎来到 dedecms.com
欢迎来到 dedecms.com
欢迎来到 dedecms.com
欢迎来到 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]
单色边框
双色边框
三色边框
四色边框
注重: "border-color" 属性不能单独使用。 要先用 "border-style" 属性规定边框。
设置底部边框宽度 Set the width of the bottom border
This example demonstrates how to set the width of the bottom border.
Examples 实例:
代码调试框 [www.dedecms.com]
注重: "border-bottom-width" 属性不能单独使用。 要先用 "border-style" 属性先设置好边框。
设置左边框宽度 Set the width of the left border
This example demonstrates how to set the width of the left border.
Examples 实例:
代码调试框 [www.dedecms.com]
注重: "border-left-width" 属性不能单独使用。 要先用 "border-style" 属性规定边框。
设置右边框宽度 Set the width of the right border
This example demonstrates how to set the width of the right border.
Examples 实例:
代码调试框 [www.dedecms.com]
注重: "border-right-width" 属性不能单独使用。要先用 "border-style" 属性规定边框。
设置顶部边框宽度 Set the width of the top border
This example demonstrates how to set the width of the top border.
Examples 实例:
代码调试框 [www.dedecms.com]
注重: "border-top-width" 属性不能单独使用。要先用 "border-style" 属性规定边框。
在一次声明后设置所有边框的属性 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]
欢迎来到 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]
欢迎来到 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]
欢迎来到 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]
欢迎来到 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]
欢迎来到 dedecms.com
欢迎来到 dedecms.com
欢迎来到 dedecms.com
欢迎来到 dedecms.com
注重: "border-width" 属性不能单独使用。要先用 "border-style" 属性规定边框。
在一次声明后设置所有边框所有的属性 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]
欢迎来到 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边框属性能让我们建立更好看的效果而且它可以支持任何元素。
发表回复