Question

我想在我的css文件中的一个位置设置边框颜色和边框样式（如实线或点缀），并通过执行以下操作将边框应用于元素：

body {
    border-color: #333;
    border-style: solid;
}

div.heading {
    border-right-width: 1px;
}

可以这样做吗？

普通浏览器是否支持此功能？

Answer 1

不，你不能将css应用于body并希望它会影响所有内部元素..你将不得不使用一些css选择器读取它的内容HERE

Answer 2

你可以这样写

共同风格

*{
border:0 solid #333;
}

OR

div.heading, body {
        border:0 solid #333;
    }

覆盖共同风格

div.heading {
    border-right-width: 2px;
}

Answer 3

尝试类似

的内容

<html>
<head>
<style>
* {
    border: 0px solid #333;
}

div.heading {
    border-right-width: 5px;
}
</style>
<body>
    <div style="width:100px; height:100px;background-color:grey;" class="heading"></div>

    <br /><br /><br /><br />

    <div style="width:100px; height:100px;background-color:grey;"></div>
</body>
</html>

我想这就是你真正需要的东西

Answer 4

是的，这可以做到。您还可以设置默认购买，在正文中定义标准边框，没有宽度：

body {
border-style: none;
border-color: #000000;
border-width: medium;
}

div.withborder {
  border-style: solid; 
}

这会将默认边框设置为'medium，color＃000000'，但默认情况下会关闭所有元素的边框。将任何元素的边框设置为“实心”时，它将自动继承您设置的其他选项（颜色，宽度）。

编辑：以下代码已经过测试和使用：

<html>
<head>
<style type="text/css">
body {
border-style: none;
border-color: #000000;
border-width: medium;
}

.withborder {
  border-style: solid; 
}
</style>
</head>

<body>
<p>No border.</p>
<p class="withborder">A solid border.</p>
</body>

</html>

你如何用CSS级联边框颜色和样式？

4 个答案: