我试图在HTML中定义一个div标签周围的边界。在某些浏览器中,边框不显示。

这是我的HTML代码:

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

我如何设置一个HTML div标签的边界?


当前回答

根据W3C:

由于边框样式的初始值为“none”,除非设置了边框样式,否则没有边框是可见的。

换句话说,你需要设置一个边框样式(例如固体)来显示边框。边框:thin只设置宽度。此外,颜色默认情况下将与文本颜色相同(通常看起来不太好)。

我建议设置这三种样式:

style="border: thin solid black"

其他回答

试着明确所有的边界属性。例如:

border:1px solid black;

参见边界简写属性。虽然其他部分是可选的,但一些浏览器不会将宽度或颜色设置为您期望的默认值。在你的例子中,我打赌它的宽度是零,除非指定。

你需要设置更多的字段,而不仅仅是border-width。样式基本上是在页面上设置边框。宽度控制厚度,颜色告诉它边框的颜色。

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

在引导4中,您可以像这样使用边界实用程序。

< script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" /> < script src = " https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js " > < /脚本> <时尚> .border-5 { Border-width: 5px ! } > < /风格 >一些内容</textarea>

可以使用

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

或者简写

border: 2px solid black

你可以使用:

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

不过,您可以根据自己的需要更改这些参数。