广州做网站,广州建站_小燕子网络 广州网站制作热线:020-23318051广州建网站第一品牌! 点击添加QQ好友!广州网页设计 为什么大家都喜欢小燕子网络?
站内公告_小燕子网络
广州小燕子网络公司专业从事网站建设、域名注册、企业邮局、网站推广、网站改版、服务器/VPS/虚拟主机空间租用,小燕子网络(www.168xyz.com)以客户需求为出发点,以简洁实用为设计目标!“梦想所有企业都拥有一个自己的官方网站

搜索内容

搜索类别

广州做网站,广州建站_小燕子网络
 
用户名
密  码
 
泽泡网
百度
google
 
当前位置:HOME > 新闻资讯 > 网站建设

广州建网站分享CSS边框虚线实例

来源:小燕子网络  发布时间 2013-08-15

广州建网站分享这里通过边框属性的虚线边框border控制虚线。

  一、四边为虚线边框

  黑色虚线边框

  CSS代码:.zzsky{border:1px dashed #000;height:50px;width:350px}

  Html代码:<div class="zzsky">我的四边为黑色虚线边框</div>

  这里设置边框缩写方式定义zzsky选择器四边边框为1px的黑色虚线边框

  二、左边为虚线

  CSS代码:.zzsky-1{border-left:1px dashed #000;height:50px;width:350px}

  Html代码:<div class="zzsky-1">我的左边为黑色虚线边框</div>

  这里设置了左边一边为黑色虚线边框

  三、右边为虚线

  CSS代码:.zzsky-2{border-right:1px dashed #000;height:50px;width:350px}

  Html代码:<div class="zzsky-2">我的右边为黑色虚线边框</div>

  这里设置了右边一边为黑色虚线边框

  四、顶部边(上边)为虚线

  CSS代码:.zzsky-3{border-top:1px dashed #000;height:50px;width:350px}

  Html代码:<div class="zzsky-3">我的上边为黑色虚线边框</div>

  这里设置了顶边(上边线)一边为黑色虚线边框

  五、底部边(下边)为虚线

  CSS代码:.zzsky-4{border-bottom:1px dashed #000;height:50px;width:350px}

  Html代码:<div class="zzsky-4">我的下边为黑色虚线边框</div>

  这里设置了底边(下边线)一边为黑色虚线边框

  六、任意一边不为虚线,其它三边为虚线情况

  加入右边边框不为虚线而没有边线,其它三边为黑色虚线边框

  CSS代码:.zzsky-5{border:1px dashed #000;border-right:0;height:50px;width:350px}

  Html代码:<div class="zzsky-5">我的右边边框无边线而其它三边为黑色虚线边框实例</div>

  广州建网站在这里通过先设置了该对象四边为黑色1px虚线边框,紧接着又设置一边边线为0的设置,这样相当于设置了3边的边框虚线属性,但是这里注意边框属性设置前后顺序。

相关关键词:广州建网站 广州建站 广州做网站

(网页编辑:李明)

[ 点击数:] [打印本网页] [关闭本窗口]
 

相关内容
  • 广州建网站怎样批量清除tppabs标签 以及前面链接生成的JS代码 2013-08-15
  • 广州建站分享WordPress头像无法显示的两种解决办法 2013-08-15
  • 广州建网站的URL时应该注意的八个要点 2013-10-05
  • 广州建网站讲解网站导航设计理念 2013-10-06
  • 小燕子网络主打广州建网站产品有哪些优点? 2013-08-18
  • 广州做网站分享SQL数据库超时的原因 2013-08-19
  • 广州建网站分享网页设计很糟糕的10个原因 2013-08-15
  • 广州建站分享mysql增量备份和恢复备份 2013-08-15
  • 广州建站分享网站界面设计的技巧 2013-08-15
  •  
    小燕子简介 网站设计 诚聘英才 网站建设 常见问答 新闻资讯 网站制作 联系我们 网站推广 关注我们
    广州做网站,用微信扫一扫 小燕子网络 电话:020-23318051  手机:13076712935 邮箱:xyz#168xyz.com(#换成@)  
    地址:广州市番禺区石岗东村市莲路69号 邮编:511450

    Copyright © 2013 广州泽泡信息科技有限公司. All Rights Reserved   
    如果你喜欢本站,别忘了把本站告诉给你QQ上的朋友哦! 试试 Ctrl+D 有意外惊喜哦~

    泽泡公司旗下网站:小燕子网络

    警警广州网警察察






    法律顾问:广州道怡律师事务所
    安全认证
    中国软件网推荐企业
    广东中小企业发展促进会
    中国互闻网协会会员
    经营性网站备案信息
    可信网站