Linux中国  设为主页
 收藏本站
 
当前位置: > 首页 ->网站设计 ->CSS/CSS2 -> 第六章 区块性质的CSS
  相关分类: 
AJAX教程
CSS/CSS2
Dreamweaver
Fireworks
Flash
HTML/DHTML
JavaScript
Phososhop
网页制作
  站内搜索: 
热门文章排行
热门文章排行 纯CSS的下拉菜单 支持IE6 IE7 Firefo(06-05)
CSS:text-decoration(04-12)
CSS背景:background-repeat(04-12)
用CSS制作表头固定的表格(04-12)
CSS教程—元素的定位(04-12)
精采文章排行
精采文章排行 纯CSS的下拉菜单 支持IE6 IE7 Firefo(06-05)
CSS网页中的相对定位与绝对定位(06-05)
web标准化设计:常用的CSS命名规则(06-05)
网页标准化制作:CSS的超级技巧大放(06-05)
用CSS设计高体验的表单显示效果示例(06-05)
 

第六章 区块性质的CSS

作者:Webmaster   来源:Linuxdby.com   点击:   日期:2007-04-12 [收藏] [投稿]

  IE是否经常中毒?推荐您

solid {1,4} 实线
double {1,4} 双直线
ridge {1,4} 3D凸线
groove {1,4} 3D凹线
outset {1,4} 3D隆起(IE4不显示)
inset {1,4} 3D嵌入(IE4不显示)
预设值:
继承性:
一般范例:DIV { border-style : ridge groove outset inset }
同轴范例:<DIV style="border-style:ridge groove outset inset">
  要附带说明的是,如果指定了四个合法设定值,则会依序套用于四个边框;如果只 有指定一个合法设订值,则会统一套用于四个边框;若只有指定二或三个合法设定值,则 未指定的边框会套用对边的样式设定值。
DIV{border-width:outset} →top=outset;right=outset;bottom=outset;left=outset
DIV{border-width:outset inset} →top=outset;right=inset;bottom=outset;left=inset
DIV{border-width:outset inset ridge} →top=outset;right=inset;bottom=ridge;left=inset


border-top   综合设定上边框性质 border-right  综合设定右边框性质
border-bottom 综合设定下边框性质 border-left  综合设定左边框性质
支 持:IE4、NC4
适 用:区块元素
可能值:
<border-width> 设定该边框宽度,请参考上面的介绍与说明
<border-style> 设定该边框样式,请参考上面的介绍与说明
<border-color> 设定该边框颜色,请参考上面的介绍与说明
预设值:
继承性:
一般范例:DIV { border-top : 2pt solid BLUE }
同轴范例:<DIV style="border-top:2pt solid BLUE">


border 综合设定边框性质
支 持:IE4、NC4
适 用:区块元素
可能值:
<border-width> 设定边框宽度,请参考上面的介绍与说明
<border-style> 设定边框样式,请参考上面的介绍与说明
<border-color> 设定边框颜色,请参考上面的介绍与说明
预设值:
继承性:
一般范例:DIV { border : 2pt solid BLUE }
同轴范例:<DIV style="border:2pt solid BLUE">
  要附带说明的是,这个指令只能指定一组设定值,也就是说,上右下左四个边框都把套用同一组的设定值,而不能作个别边框的设定值变化。




 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<

上一页 1 2 3 45 下一页

上一篇: 第五章 文字性质的CSS   下一篇:运筹帷幄 用CSS控制网站总“队形”
·CSS网页中的相对定位与绝对定位·web标准化设计:常用的CSS命名规则·网页标准化制作:CSS的超级技巧大放送·用CSS设计高体验的表单显示效果示例·CSS实现导航条图片的翻转菜单·用CSS实现的一张图完成的导航条·CSS仿淘宝首页导航条按钮布局效果·如何用CSS层叠样式表控制鼠标显示的样式·如何用CSS来控制网页字体的显示样式
padding-top   设定上方补白宽度 padding-right  设定右方补白宽度
文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论

   相关文章:
·纯CSS的下拉菜单 支持IE6 IE7 Firefox

   文章评论:(1条)
  
 请留名: 匿名评论   点击查看所有评论 论坛讨论
 

 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。