论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

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

文章类别:div+css布局 | 发表日期:2008-9-26 11:33:06

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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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.21shipin.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边框属性能让我们建立更好看的效果而且它可以支持任何元素。
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058