Question

我是学习html的新手，目前陷入边界话题。我正在尝试在html中设置border-width，但是它不起作用。这就是我想要做的：

<!DOCTYPE html>
<html>
   <head>
     <title></title>
     <style type="text/css">
         p.one {
         border-width: 10px;}
     </style>
   </head>
   <body>
     <p class="one">Hello</p>
   </body>
</html>

在Google Chrome中打开html文件后，这是我得到的结果：

Google Chrome result

它表明即使收到该值，border-width仍设置为0px。如果我尝试更改诸如padding或font-size之类的任何其他内容，其他所有内容都可以正常工作。

请帮助我尝试搜索是否有人遇到相同的问题，但找不到任何东西。

谢谢。

Answer 1

添加border-style

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        p.one {
        border-width: 10px;
        border-style:solid;
        border-color:red;}
    </style>
</head>
<body>
    <p class="one">Hello</p>
</body>
</html>

Answer 2

您需要添加边框样式。

p.one {
   border-width: 10px;
   border-style: solid;
}

Answer 3

您的代码确实可以正常工作，只是给它一种颜色和样式

    p.one {
      color : green;
     border-style: solid;
     border-width: 5px;
        }

    <p class="one">Hello</p>

Answer 4

尝试一下，您没有提到边界其他属性。例如边框样式，请根据自己的喜好更改颜色。很好。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        p.one {
        border-width: 10px;border-color:black;border-style:solid;}
    </style>
</head>
<body>
    <p class="one">Hello</p>
</body>
</html>

边框宽度值不变

4 个答案: