如何为HTML div标签设置边框

Question

我试图在HTML中定义div标签周围的边框.在某些浏览器中,边框不会出现.

这是我的HTML代码:

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

如何为HTML div标签设置边框？

Answer 1

尝试明确所有边框属性.例如:

border:1px solid black;

请参阅边境速记属性.虽然其他位是可选的,但某些浏览器不会将宽度或颜色设置为您期望的默认值.在你的情况下,我敢打赌除非指定,否则宽度为零.

Answer 2

可以使用

border-width:2px;
border-style:solid;
border-color:black;

或者作为速记

border: 2px solid black

Answer 3

根据W3C:

由于边框样式的初始值为"none",因此除非设置了边框样式,否则不会显示任何边框.

换句话说,您需要设置边框样式(例如solid)以显示边框.border:thin只设置宽度.此外,默认情况下颜色与文本颜色相同(通常看起来不太好).

我建议设置所有三种样式:

style="border: thin solid black"

Answer 4

您需要设置更多字段，而不仅仅是边框宽度。该样式基本上将边框放在页面上。宽度控制厚度，颜色告诉它边框的颜色。

border-style: solid; border-width:thin; border-color: #FFFFFF;

Answer 5

我想这就是你指的地方..

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

好。它必须写成border-width:thin

在这里，您可以使用链接（单击此处）查看不同类型的边框样式

您还可以通过以像素为单位编写宽度来设置边框宽度..（如 border-width:1px），最小宽度为 1px。

Answer 6

您可以使用：

border-style: solid;
border-width: thin;
border-color: #FFFFFF;

不过，您可以根据需要更改它们。