如何在fieldset边框中使用十六进制颜色?
给fieldset边框设置十六进制颜色的正确方法
你的代码不生效是因为border简写属性里漏掉了边框样式(比如solid、dashed这类)——浏览器必须明确拿到边框样式参数,才能渲染出带颜色的边框,只写宽度和颜色的组合是不被识别的。
正确的写法需要包含边框宽度、样式、颜色三个部分,示例如下:
<fieldset style="border:10px solid #ff0000;"> <!-- 这里放fieldset的内容 --> </fieldset>
如果觉得简写属性不够清晰,也可以拆分单独设置每个边框属性:
<fieldset style="border-width:10px; border-style:dashed; border-color:#0066cc;"> <!-- 这里放fieldset的内容 --> </fieldset>
- 十六进制颜色值必须以
#开头,比如#ff0000对应红色,#f0f8ff对应爱丽丝蓝 - 边框样式可选值包括
solid(实线)、dashed(虚线)、dotted(点线)、double(双线)等,按需选择 - 用颜色名能生效是因为浏览器会自动给边框加上默认样式,但使用十六进制颜色时必须显式指定样式属性
内容的提问来源于stack exchange,提问作者tomothy17
相关产品推荐
相关产品推荐

