css dotted和dashed的区别

最近修改页面时,用到了css边框border-style的效果,发现在1像素的情况下,dotted在IE下有BUG,不能显示出虚线,最终用2像素来将就解决。正好也上网查了这方面的资料,查了dotted和dashed的区别。
dotted和dashed从字面上来理解,dashed 和 dotted 都是指“虚线”,他们的不同在于:
dotted:来自 dot (点),由 dot 组成的虚线,也称点线。
dashed:来自 dash(破折号),由 dash 组成的虚线。
现在咱们来看一下他们的区别:
style="width:200px;height:20px;border:10px dotted #333;" 时

style="width:200px;height:20px;border:10px dashed #333;"时

关于 beeboo

瘦仔,很傻很坚强
此条目发表在 coding 分类目录,贴了 , , , 标签。将固定链接加入收藏夹。

css dotted和dashed的区别》有 2 条评论

  1. cctvy77 CHINA Internet Explorer 说:

    信息资源网
    电子商务!网络营销.营销软件免费下载.
    信息资源网,新闻.文章.学习培训!各种信息资源一网打尽!,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>