在这种情况下如何在div框中设置尺寸（宽度）

Question

我想设置橙色框的宽度（以像素为单位）。

您可以在此处看到我的页面：live link

<div align="center" class="copyright" style="border: thin solid #F48C13"><p>&nbsp;</p>
<p><a href="http://192.168.1.100/cgi-bin/class/login.cgi"><strong>Accesso a MpcPanel</strong></a></p>

 

Answer 1

如果我理解你的问题，你想让橙色盒子的边框更厚？如果是这样，您可以将边框CSS属性“thin”更改为像素值，如下所示：

style="border: 4px solid #F48C13"

如果没有，我道歉，我还没有评论要求澄清。

Answer 2

只需在样式表中为 版权所有

定义width property

.copyright {
    width: 100px;
}

例：http://jsfiddle.net/wm754s90/3/

<强> 修改 ：
对于Inline style ^{（没有修改css文件，直接在元素中包含样式）}
需要修改style attribute的{​​{1}}。

只需将div.copyright添加到width property旁边。

border

您可以添加任意数量的（以分号分隔），但请记住代码的可读性（因为这是外部CSS文件，{{3} }）
我会建议您（如果可以的话）创建自己的<div align="center" class="copyright" style="width: 100px; border: thin solid #F48C13;"> <!-- /* div content */ --> </div> 并包含您想要的所有修改。将among many other benefits学习css file以及它是如何工作的。

编辑 ² ：
值得一提的是，这两个属性（宽度和边界）可能会发生冲突 宽度道具。不包括边框尺寸 实施例

css

请参阅good starting point以获得更好，更准确的解释（包括如何避免/解决方案）