我试图在HTML中定义一个div标签周围的边界。在某些浏览器中,边框不显示。
这是我的HTML代码:
<div id=“divActivites” name=“divActivites” style=“border:thin”> <textarea id=“inActivities” name=“inActivities” style=“border:solid”> </textarea> </div>
我如何设置一个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标签的边界?
当前回答
我猜这就是你指的地方。
<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。
其他回答
可以使用
border-width:2px;
border-style:solid;
border-color:black;
或者简写
border: 2px solid black
在引导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>
.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>
我猜这就是你指的地方。
<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。
你可以使用:
border-style: solid;
border-width: thin;
border-color: #FFFFFF;
不过,您可以根据自己的需要更改这些参数。