css中添加虚线 |css上下布局高度自适应

/* 单一边框添加虚线 */
border-style: dotted;
/* 添加虚线边框 */
border: 1px dashed #000;
/* 添加虚线的下划线 */
text-decoration: underline dashed #000;

以上就是添加虚线的3种方式，大家来一一介绍。

1、单一边框添加虚线

border-style: dotted;

这个方法可以让边框样式变成虚线，但是它只能添加单一边框。如果需要添加四边框，需要写四遍，比较麻烦。

2、添加虚线边框

border: 1px dashed #000;

这个方法可以让所有边框变成虚线，而且只需要写一遍，非常方便。其中1px是边框宽度，#000是边框颜色，dashed是虚线样式。

3、添加虚线的下划线

text-decoration: underline dashed #000;

这个方法可以让文字下面的线变成虚线，非常适合用于超链接的样式。其中underline是下划线样式，dashed是虚线样式，#000是颜色。

以上三种方法都是使用虚线样式的常用方法，可以根据实际情况选择不同的方法来实现需要的效果。