/* 实线边框 */ border: 1px solid black; /* 虚线边框 */ border: 1px dotted black; /* 前两个参数为实线长度,第三个为间隔长度 */ border: 1px solid black; border-style: 1px 2px; /* 实现渐变色边框 */ border: 5px solid; border-image: linear-gradient(to right, red, blue); /* 实线斜线 */ background-image: linear-gradient(to bottom right, transparent 50%, black 50%); /* 中划线 */ text-decoration: line-through; /* 下划线 */ text-decoration: underline; /* 虚线下划线 */ text-decoration: underline dotted black;
通过这些不同的属性和值的组合,可以实现各种不同形式的线条变化效果,让页面更加丰富多彩。