注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

早衰男的巢

大音希声 道隐无名

 
 
 

日志

 
 

CSS笔记:HR华丽丽的分隔符样式怎么搞..不是人力资源..  

2012-06-04 17:08:56|  分类: UI/CSS/HTML |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

其实我的需要很简单只要不是默认的样式就好,只要 1px 的单色

各种错误尝试:css里这样定义

hr { 
  height: 1px; 
  color:silver; 

}
 
 

不行,3px高了,还是有原来很丑的一个凹陷的边框;继续改

(LW的插件不给力,老崩溃,下面代码不加高亮了,凑合着吧)

hr {
  heigh:1px;
  color:silver;
  border: 0;
}

也不行,直接就隐藏不见了..我晕

可行的方法

最后改成这样

hr {
  heigh:0;
  border: 0;
  border-bottom: 1px silver solid;
}

不知道对浏览器来说是怎样理解对HR,有时间再慢慢细究,赶时间先这样用着算了..

(那我为啥不直接用上下DIV的border来做?别问我我也不知道,蛋疼!)

  评论这张
 
阅读(1185)| 评论(3)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018