
我正在嘗試在所有四個角執行我的邊界半徑作業,但我沒有發生。有人可以幫助我嗎?
我的 HTML:
#generic_table .generic_content .generic_head .generic_head_content .head_bg {
border-color: #8cc63f;
border-radius: 25px;
}
#generic_table .generic_content .generic_head .generic_head_content .head span {
color: #fff;
}
#generic_table .generic_content {
overflow: hidden;
position: relative;
text-align: center;
border-radius: 25px;
}
#generic_table .generic_content .generic_head .generic_head_content {
margin: 0 0 30px 0;
}
#generic_table .generic_content .generic_head .generic_head_content .head_bg {
border-style: solid;
border-width: 45px 1300px 20px 399px;
position: absolute;
}
#generic_table .generic_content .generic_head .generic_head_content .head {
padding-top: 15px;
position: relative;
}
#generic_table .generic_content .generic_head .generic_head_content .head span {
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
margin: 0;
padding: 0;
}
<div id="generic_table">
<div class="generic_content">
<div class="generic_head">
<div class="generic_head_content">
<div class="head_bg"></div>
<div class="head">
<span>A??ES</span>
</div>
</div>
</div>
</div>
</div>
我不知道會發生什么。
PS:我正在做一些測驗,我相信我的問題出在“head_bg”上。
uj5u.com熱心網友回復:
此處的填充導致了問題 ( div )。如果 padding-top 為 0,角會更好。隨著填充的增加,第 1 個角會變得更平方。
#generic_table .generic_content .generic_head .generic_head_content .head {
padding-top: 15px;
position: relative;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/384465.html
上一篇:無法在輸入元素上提供輸入
