CSS邊框不起作用
[英]CSS border doesn't work
問題描述
HTML：
<body>
<div><p>Something</p></div>
<div class = "myPanel">
<div class = "heading">my header</div>
<div class = "body">my body</div>
</div>
<div><p>Something</p></div>
</body>
CSS：
.myPanel: {
border: 1px solid #687D6D;
border-radius: 5px 5px 0 0;
box-shadow: 10px 10px 1px black;
margin: 3%;
}
.myPanel .heading {
background: #B6F0C4;
border-radius: 5px 5px 0 0;
color: #687D6D;
padding: 10px 20px;
}
.myPanel .body {
padding: 10px 20px;
}
我很好奇的是，即使我設定border上.myPanel ，它不工作.myPanel .body ，還有無邊框.myPanel .body ，為什么呢？
1 個解決方案
解決方案1
4 已采納 2015-07-14 02:00:17
這是你的問題：
.myPanel: {
只需刪除:（冒號）
下面的代碼段：
.myPanel { border: 1px solid #687D6D; border-radius: 5px 5px 0 0; box-shadow: 10px 10px 1px black; margin: 3%; } .myPanel .heading { background: #B6F0C4; border-radius: 5px 5px 0 0; color: #687D6D; padding: 10px 20px; } .myPanel .body { padding: 10px 20px; }
<div> <p>Something</p> </div> <div class="myPanel"> <div class="heading">my header</div> <div class="body">my body</div> </div> <div> <p>Something</p> </div>
按鈕上的左邊框在CSS中不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.