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网页中的相对定位与绝对定位·web标准化设计:常用的CSS命名规则·网页标准化制作:CSS的超级技巧大放送·用CSS设计高体验的表单显示效果示例·CSS实现导航条图片的翻转菜单·用CSS实现的一张图完成的导航条·CSS仿淘宝首页导航条按钮布局效果·如何用CSS层叠样式表控制鼠标显示的样式·如何用CSS来控制网页字体的显示样式

第六章 区块性质的CSS

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

  IE是否经常中毒?推荐您


border-top-width  设定上边框宽度 border-right-width 设定右边框宽度
border-bottom-width设定下边框宽度 border-left-width  设定左边框宽度
支 持:IE4、NC4
适 用:区块元素
可能值:thin < medium < thick
thin 统一的绝对单位,因浏览器而异
medium 统一的绝对单位,因浏览器而异
thick 统一的绝对单位,因浏览器而异
<length> 长度单位,请参考第一章基本单位的相关说明
预设值:medium
继承性:
一般范例:DIV { border-top-width : 2pt }
同轴范例:<DIV style="border-top-width:2pt">


border-width 综合设定边框宽度
支 持:IE4、NC4
适 用:区块元素
可能值:依序设定top,right,bottom,left的边框宽度
thin {1,4} 统一的绝对单位,因浏览器而异
medium {1,4} 统一的绝对单位,因浏览器而异
thick {1,4} 统一的绝对单位,因浏览器而异
<length> {1,4} 长度单位,请参考第一章基本单位的相关说明
预设值:
继承性:
一般范例:DIV { border-width : 4pt 3pt 2pt 1pt }
同轴范例:<DIV style="border-width:4pt 3pt 2pt 1pt">
  要附带说明的是,如果指定了四个合法设定值,则会依序套用于四个边框;如果只 有指定一个合法设订值,则会统一套用于四个边框;若只有指定二或三个合法设定值,则 未指定的边框会套用对边的宽度设定值。
DIV { border-width: 2pt } →top=2pt;right=2pt;bottom=2pt;left=2pt
DIV { border-width: 2pt 3pt } →top=2pt;right=3pt;bottom=2pt;left=3pt
DIV { border-width: 2pt 3pt 4pt } →top=2pt;right=3pt;bottom=4pt;left=3pt


border-top-color  设定上边框颜色 border-right-color 设定右边框颜色
border-bottom-color 设定下边框颜色 border-left-color  设定左边框颜色
支 持:IE4、NC4
适 用:区块元素
可能值:
<color> 设定颜色,请参考第一章颜色使用的相关说明
预设值:color性质之值


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

上一页 1 23 4 5 下一页

上一篇: 第五章 文字性质的CSS   下一篇:运筹帷幄 用CSS控制网站总“队形”
文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论

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

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

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