来哩HO
  • Centos
  • Web
    • AngularJS
    • CSS
  • Magento
    • Magento 主题
  • WordPress
    • WordPress 插件
  • 3D
    • Nomad
    • Procreate
  • Centos
  • Web
    • AngularJS
    • CSS
  • Magento
    • Magento 主题
  • WordPress
    • WordPress 插件
  • 3D
    • Nomad
    • Procreate

CSS 边框虚线 dotted 和 dashed 的区别

 CSS, Web   2016/07/13   llh   2,304   0  

都是虚线,dotted 和 dashed 有什么不同?简单来说,dashed 是由破折号组成的虚线;而 dotted 是由点组成的虚线。

直接看示例最直接,具体效果如下:

这里上下是点虚线,左右是破折号虚线:

background-color:#efefef;
width:260px;
height:260px;
padding:30px;
border: 4px red;
border-style:dotted dashed;

 标签:css
上一篇:CSS3 animation-fill-mode 动画保持动作最后结束的状态 下一篇:百度云观测导致网站(Mysql)阶段性宕机

相关文章

  • Less 编译 calc()函数
  • CSS calc()函数动态计算长度值
  • CSS 颜色 hsl 和 shla
  • CSS 实现中文首行缩进两个字符
  • CSS3 animation 实现图标编辑状态抖动效果
  • CSS3 background-size 设置背景图片尺寸
  • CSS3 animation-fill-mode 动画保持动作最后结束的状态
  • CSS3 线性渐变 linear-gradient 的使用
近期文章
  • yarn 不是内部或外部命令 也不是可运行的程序或批处理文件
  • VS Code使用Autoprefixer插件给样式自动添加浏览器所需前缀
  • HBuilderX 无法启动小程序开发者工具
  • Magento2 备份命令执行报错 Backup functionality is disabled
  • C4D 添加灯光后物体变成黑色
© 2018 来哩HO All Rights Reserved - Powered by Sanker -- 粤ICP备17157902号