/*设置虚线比例为1:2*/ border: 1px dashed black; border-style: dashed; border-width: 1px; border-color: black; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px rgba(0,0,0,0.3); border-style: dotted; /* 设置虚线比例为1:2 */ border-image: linear-gradient(to right, black 1px, transparent 1px); -o-border-image: linear-gradient(to right, black 1px, transparent 1px); -ms-border-image: linear-gradient(to right, black 1px, transparent 1px); -moz-border-image: linear-gradient(to right, black 1px, transparent 1px); -webkit-border-image: linear-gradient(to right, black 1px, transparent 1px); border-image-slice: 1;
在代码中,可以使用border-style属性设置虚线边框样式。对于虚线比例的设置,可以使用border-image属性。通过设置border-image为一个线性渐变色值,使用1像素的实线和1像素的透明度之间的重复线性渐变,这就设置了比例为1:2的虚线边框样式。border-image-slice属性用于将边框分割成9个部分,从而可以使边框设置更精细。