如何为HTML div标签设置边框
我正在尝试在HTML中定义一个围绕div标签的边框。 在某些浏览器中,边框不会出现。
这是我的HTML代码:
<div id="divActivites" name="divActivites" style="border:thin"> <textarea id="inActivities" name="inActivities" style="border:solid"> </textarea> </div>
如何为HTML div标签设置边框?
尝试明确所有的边界属性。 例如:
border:1px solid black;
请参阅边框速记属性 。 虽然其他位是可选的,但某些浏览器不会将宽度或颜色设置为预期的默认值。 在你的情况下,我敢打赌,这是宽度是零,除非指定。
可以使用
border-size:2px; border-style:solid; border-color:black;
或者简写
border: 2px solid black
根据W3C:
由于边框样式的初始值为“无”,因此除非设置了边框样式,否则不会显示边框。
换句话说,你需要为边框设置边框样式(例如solid
)。 border:thin
只设置宽度。 此外,颜色将默认与文本颜色相同(通常看起来不太好)。
我build议设置所有三种风格:
style="border: thin solid black"
您可以使用:
border-style: solid; border-width: thin; border-color: #FFFFFF;
不过,您可以根据需要更改这些设置。
我想这是你指向的地方..
<div id="divActivites" name="divActivites" style="border:thin"> <textarea id="inActivities" name="inActivities" style="border:solid"> </textarea> </div>
好。 它必须写成border-width:thin
在这里,你去链接(点击这里)检查出不同types的边框样式
您也可以通过以像素为单位写入宽度来设置边框宽度(如border-width:1px),最小宽度为1px。
你需要设置更多的字段,然后只是边界宽度。 风格基本上把边框放在页面上。 宽度控制着厚度,颜色告诉它用什么颜色来制作边框。
border-style: solid; border-width:thin; border-color: #FFFFFF;