如何为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;