我试图在HTML中定义一个div标签周围的边界。在某些浏览器中，边框不显示。
这是我的HTML代码:
<div id=“divActivites” name=“divActivites” style=“border：thin”> <textarea id=“inActivities” name=“inActivities” style=“border：solid”> </textarea> </div>
我如何设置一个HTML div标签的边界?
当前回答
可以使用
border-width:2px;
border-style:solid;
border-color:black;
或者简写
border: 2px solid black
其他回答
你可以使用:
border-style: solid;
border-width: thin;
border-color: #FFFFFF;
不过，您可以根据自己的需要更改这些参数。
.centerImge {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
height:50%;
}
<div>
@foreach (var item in Model)
{
<span> <img src="@item.Thumbnail" class="centerImge" /></span>
<h3 style="text-align:center"> @item.CategoryName</h3>
}
</div>
根据W3C:
由于边框样式的初始值为“none”，除非设置了边框样式，否则没有边框是可见的。
换句话说，你需要设置一个边框样式(例如固体)来显示边框。边框:thin只设置宽度。此外，颜色默认情况下将与文本颜色相同(通常看起来不太好)。
我建议设置这三种样式:
style="border: thin solid black"
我猜这就是你指的地方。
<div id="divActivites" name="divActivites" style="border:thin">
<textarea id="inActivities" name="inActivities" style="border:solid">
</textarea>
</div>
好。它必须写成border-width:thin
点击链接查看不同类型的Border-styles
你也可以设置边界宽度通过写宽度的像素。(如border-width:1px)，最小宽度为1px。
在引导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>
