首页
关于我们
网站建设
经典案例
网络推广
技术中心
建站指导
联系我们
网站套餐 Package
最新推荐 Recommended  
  您现在的位置: 天诚世纪 >> 技术中心 >> 网页设计 >> 网页基础 >> 正文
CSS 虚线、双线、槽状、脊状、凹陷、凸出边框
作者:天诚世纪 更新时间:2009-8-3 12:36:34 来源:天诚世纪
    样式可以用到<table...>标签和<td...>标签  
  .xuxian   {         border-top-width:   1px;   //顶边边框宽度  
                  border-right-width:   1px;   //右边边框宽度  
                  border-bottom-width:   1px;//底部边框宽度  
                  border-left-width:   1px;//左边边框宽度  
   
                  border-top-style:   dotted;//顶边样式为虚线  
                  border-right-style:   dotted;//右边样式为虚线  
                  border-bottom-style:   dotted;//底边样式为虚线  
                  border-left-style:   dotted;//   左边样式为虚线  
   
                  border-top-color:   #000000;//顶边边框的颜色  
                  border-right-color:   #000000;//右边边框的颜色  
                  border-bottom-color:   #000000;//底边边框的颜色  
                  border-left-color:   #000000;//左边边框的颜色  
  }  
   
  除了定义为虚线你还可以把中间那一组样式定义为如下样式,举例:  
  border-top-style:   dashed;//点划线  
  border-top-style:   double;//双线  
  border-top-style:   groove;//槽状  
  border-top-style:   ridge;//脊状  
  border-top-style:   inset;//凹陷  
  border-top-style:   outset;//凸出
本文链接:http://www.tc-21.com/ITCenter/200908/20090803123634.html

  • 上一篇文章:
  • 下一篇文章:
  •   更多关于网页基础的新闻
      相关文章
    CSS position CSS的position属性详解
    DIV与TABLE的区别
    用CSS为网页加上水印
    在 CSS 中关于字体处理效果的思考
    不同时间段,站点自动切换CSS风格
    CSS Hack整理
    CSS hacks与争议
    新手简单CSS教程