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;}  

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

PS:如果您对本文有纠错、质疑、转载、举报等问题时,请加入到网站Q&Q&群:86783981(验证信息:91ctc.com)提交您的问题,让大伙一块讨论。谢谢您的支持,计算机教程中心网将会一如既往的提供优秀资源助您一臂之力!
关闭】【返回顶部

您可能感兴趣的文章
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。网站Q&Q&群:86783981(验证信息:91ctc.com)
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号