WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
在线留言 网站地图 加入收藏 设为首页
您的位置:本站首页>>前端样式>>DIV边框属性的设置,CSS边框样式属性

DIV边框属性的设置,CSS边框样式属性

[ 录入者:91ctc | 时间:2012-02-04 05:00:36 | 作者: 91ctc| 来源:本站原创 | 浏览: 次 ]


常用CSS边框样式属性有:

border
边框
border-top
上边框
border-left
左边框
border-right
右边框
border-bottom
下边框
border-color
边框颜色
border-stytle
边框样式
border-width
边框宽度
border-top-color
上边框颜色
border-left-color
左边框颜色
border-right-color
右边框颜色
border-bottom-color
下边框颜色
border-top-stytle
上边框样式
border-left-stytle
左边框样式
border-right-stytle
右边框样式
border-bottom-stytle
下边框样式
border-top-width
上边框宽度
border-left-width
左边框宽度
border-right-width
右边框宽度
border-bottom-width
下边框宽度

注意:border-width 主要控制元素边框的宽度有以下四种设置方法,

(1)、设置一个值:4个边框共同使用;

(2)、设置两个值:上下调用第一个值,左右调用第二个值;

(3)、设置三个值:上边框调用第一个值,左右调用第二个值,下调用第三个值;

(4)、设置四个值:依次为上-右-下-左的顺序。

基本语法:

border-width:value

border-top-width:value

border-left-width:value

border-right-width:value

border-bottom-width:value

例如:

CSS Code复制内容到剪贴板
  1. .main{ border-width:1px;border-style:solid;}   
  2. .main_l { border-style:dashed;}  

上面的例子中定义了边框宽度和边框样式。


关闭】【返回顶部

相关文章
{xiangguan_list}
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。联系我们
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号