最近美工提了一个问题，能不能修改虚线边框的虚线长度？我一听满脸问号，我记得css的border不能设置虚线长度吧。抱着试一试的心态，我去stock overflow搜了一下，发现可以使用 background-image + background-position ...

今天遇到几个虚线效果，不能一下子反应过来具体属性。 一、dashed和dotted的区别 首先是dashed和dotted都是指“虚线”，但是两者显示的效果不尽相同。 从字面意思来看， dashed：来自于 dash（破折号），故虚线是由一些破折号组成的，看起来会比较明显一些 ...

开发产品功能的时候ui往往会给出虚线边框的效果图，于是乎，我们往往第一时间想到的是用css里的border，可是border里一般就提供两种效果，dashed或者dotted，ui这时就不满意了，说虚线太密了。废话不多说，下面直接给解决方案（参考css揭秘）： 基本效果如下： ...

效果 改变虚线宽度可更改以下值： ...

原文地址：https://blog.csdn.net/HRM2454/article/details/106093882 通过background-image的linear-gradient和position:absolute实现。 ...

border线型主要有：1、dotted【点状】2、solid【实线】 3、double【双实线】 4、dashed;【虚线】 如果一个CSS这样写：border-style:dotted solid double dashed; 出来的框就是：上边框是点状，右边框是实线，下边框是双线，左边 ...

横向滚动与纵向滚动实现的原理相同，即用div包裹着内容，然后给这个div设置竖向overflow：auto； 注：横向滚动需要设置具体的宽度，纵向滚动需要设置具体的高度，否则的话就不能实现 html如下： css如下： .home_content_left ...

.cont { width: 200px; height: 200px; border: 1px solid #000000; overflow-x: hidden; } ...