当前位置: 首页 > 网络学院 > 网页制作基础教程 > CSS > CSS 边框

CSS
CSS 介绍
CSS 语法
使用 CSS
CSS 背景
CSS 文字
CSS 字体
CSS 边框
CSS 边距
CSS 填充
CSS 列表
CSS 尺寸
CSS 类别
CSS 定位
CSS 伪类
CSS 伪元素
CSS2 Media类型
CSS 摘要
CSS 实例
CSS2 参考资料
CSS2 打印

CSS 边框


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 907 ::
收藏到网摘: n/a

The CSS border properties define the borders around an element.
CSS边框属性用来定义环绕元素的边框(样式)


Examples
例 子

Set the style of the four borders
This example demonstrates how to set the style of the four borders.
设置四个边框的样式

Set different borders on each side
This example demonstrates how to set different borders on each side of the element.
分别设置每个边框

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.
四边框颜色设置

Set the width of the bottom border
This example demonstrates how to set the width of the bottom border.
设置底部边框宽度

Set the width of the left border
This example demonstrates how to set the width of the left border.
设置左边框宽度

Set the width of the right border
This example demonstrates how to set the width of the right border.
设置右边框宽度

Set the width of the top border
This example demonstrates how to set the width of the top border.
设置顶部边框宽度

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.
在一次声明后设置所有边框的属性

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.
在一次声明后设置左边框所有的属性

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.
在一次声明后设置右边框所有的属性

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.
在一次声明后设置顶部边框所有的属性

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.
在一次声明后设置所有边框宽度的属性

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.
在一次声明后设置所有边框所有的属性


CSS Border Properties
CSS 边框属性

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边框属性能让我们建立更好看的效果而且它可以支持任何元素。

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
浏览器支持:IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
W3C:里面的数字代表CSS版本号

Property属性 Description描述 Values值 IE F N W3C
border A shorthand property for setting all of the properties for the four borders in one declaration
设置四边属性的快速声明
border-width
border-style
border-color
4 1 4 1
border-bottom A shorthand property for setting all of the properties for the bottom border in one declaration
设置底部边框属性的快速声明
border-bottom-width
border-style
border-color
4 1 6 1
border-bottom-color Sets the color of the bottom border
设置底部边框颜色
border-color 4 1 6 2
border-bottom-style Sets the style of the bottom border
设置低部边框样式
border-style 4 1 6 2
border-bottom-width Sets the width of the bottom border
设置底部边框宽度
thin
medium
thick
length
4 1 4 1
border-color Sets the color of the four borders, can have from one to four colors
设置四边颜色
color 4 1 6 1
border-left A shorthand property for setting all of the properties for the left border in one declaration
设置左边框属性
border-left-width
border-style
border-color
4 1 6 1
border-left-color Sets the color of the left border
设置左边框颜色
border-color 4 1 6 2
border-left-style Sets the style of the left border
设置左边框样式
border-style 4 1 6 2
border-left-width Sets the width of the left border
设置左边框宽度
thin
medium
thick
length
4 1 4 1
border-right A shorthand property for setting all of the properties for the right border in one declaration
设置右边框所有属性
border-right-width
border-style
border-color
4 1 6 1
border-right-color Sets the color of the right border
设置右边框颜色
border-color 4 1 6 2
border-right-style Sets the style of the right border
设置右边框样式
border-style 4 1 6 2
border-right-width Sets the width of the right border
设置右边框宽度
thin
medium
thick
length
4 1 4 1
border-style Sets the style of the four borders, can have from one to four styles
设置四边样式
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
4 1 6 1
border-top A shorthand property for setting all of the properties for the top border in one declaration
设置顶边所有属性
border-top-width
border-style
border-color
4 1 6 1
border-top-color Sets the color of the top border
设置顶边颜色
border-color 4 1 6 2
border-top-style Sets the style of the top border
设置顶边样式
border-style 4 1 6 2
border-top-width Sets the width of the top border
设置顶边宽度
thin
medium
thick
length
4 1 4 1
border-width A shorthand property for setting the width of the four borders in one declaration, can have from one to four values
设置四边宽度
thin
medium
thick
length
4 1 4 1

评论 (0) All

登陆 | 还没注册?