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

我想设置边框颜色和边框样式（如固体或虚线）在一个地方在我的CSS文件，只是做这样的事情适用边框元素：你如何使用css级联边框颜色和样式？

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

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

可以这样做？

常用的浏览器是否支持这个功能？

来源

2011-10-11 T. Brian Jones

试着这么做

<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>

我想这是你真正需要的

来源

2011-10-11 10:25:58 Varun

这不适合我。我必须这样做：'* div，* h1，* h2，* h3 {border：0px solid blue}'。你确定'* {}'有效吗？ –

是的，它在我的末端尝试相同的代码...使用上面的代码并创建一个HTML文件，你可以看到它的行动 – Varun

不，你不能应用CSS身体，并希望它会影响内部的所有元素..你将不得不使用一些CSS选择读一些关于它的HERE

来源

2011-10-11 10:22:49 Gatekeeper

我一直在应用CSS的身体元素多年，其子女都会继承任何可以继承的东西。 – BoltClock

这是一个很好的参考文档。谢谢。 –

@Bolt：不，这只是疯狂的像边框样式，它不工作:-) http://jsfiddle.net/8D65Z/ – Gatekeeper

，你可以这样写

普通的款式

*{ 
border:0 solid #333; 
}

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

覆盖常见的款式

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

来源

2011-10-11 10:23:12 sandeep

全球边界不应该是1像素宽，否则每一个元素将要显示边框。 – BoltClock

@BoltClock;检查更新 – sandeep

-1

是可以做到这一点。你也可以设置一个默认的购买定义一个标准的边界在身体没有宽度：

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

div.withborder { 
    border-style: solid; 
}

这将设置默认边框为“中等，颜色＃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>

来源

2011-10-11 10:23:46 Michiel

为什么这是downvoted？它工作大声笑 – Michiel

你确定它的工作？尝试给你的第一条规则一个不同的边框颜色，看看段落是否继承它。 – BoltClock

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

回答

相关问题