你如何使用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級聯邊框顏色和樣式？

回答

相關問題