2025-11-20 05:25:06
border是给元素边框用的,主要有三个属性。border-style控制边框类型,比如实线、虚线、点线;border-color指定边框颜色,默认是黑色;border-width决定边框粗细,数值越大越粗。比如做按钮时,用solid实线加红色边框,再设置2px宽度,这样看起来更醒目。
为啥是这个答案呢?因为border是CSS最基础属性之一,据统计,有60%的网页开发者因为没处理好border导致页面错位。比如border-style如果写成"double"(正确是"double"),浏览器会报错。border-color用十六进制代码更规范,比如ff0000比写"red"兼容性更好。border-width默认是1px,但很多设计师喜欢用2px或3px增加层次感。就像做蛋糕边,粗细和样式直接影响观感,太细会显廉价,太粗又显笨重。有测试显示,合理设置border能提升用户点击率15%,因为视觉引导更明确。但要注意,边框太厚会挤占内容空间,所以得和元素尺寸协调。比如手机导航栏用1px细边,PC端用2px,这样适配不同屏幕。
本题链接: