/* 设置边框样式 */ border-style: solid|dashed|dotted|double|groove|ridge|inset|outset; /* 设置边框宽度 */ border-width: thin|medium|thick|像素值; /* 设置边框颜色 */ border-color: 颜色值; /* 设置所有边框 */ border: 宽度 样式 颜色;
边框样式可以选择solid(实线)、dashed(虚线)、dotted(点状线)、double(双实线)、groove(槽口线)、ridge(脊线)、inset(内阴影线)、outset(外阴影线)等八种。边框宽度有三种预设值thin、medium、thick,也可以设置具体的像素值。边框颜色可以选择具体的颜色值。
如果需要同时设置所有边框的样式、宽度、颜色,可以使用border属性,例如:
/* 设置所有边框样式 */ border: 1px solid black; /* 设置所有边框为虚线 */ border: 2px dashed red; /* 设置所有边框宽度为10像素 */ border: 10px solid blue;
在实际网页设计中,大家可以使用边框效果来为元素增添装饰性,或者为不同的元素进行区分,实现更加清晰的页面结构。