gpt4 book ai didi

html - 在 CSS 中,如果 border-radius 都属于同一个 div 标签,那么 border-radius 是否必须与它修改的边框属于同一个类?

转载 作者:行者123 更新时间:2023-11-28 12:18:02 26 4
gpt4 key购买 nike

我有这个 HTML 代码:

        <p class="categoryButton glowing-border">
<div class="facilityMaintenance" />
<div class="lighting" />
<div class="powerSweeping" />
<div class="landscaping" />
</p>

还有这个 CSS:

.categoryButton {
position: fixed;
opacity: 0.5;
z-index: 100;
opacity: 0.5;
background-color: blue;
width: 17.5em;
height: 17.5em;
left: 50%;
}
.facilityMaintenance {
margin-left: -17.6em;
top: 6em;
border-radius: 100% 0% 0% 0%;
}

.lighting {
border-radius: 0% 100% 0% 0%;
top: 6em;
}

.powerSweeping {
margin-left: -17.6em;
border-radius: 0% 0% 0% 100%;
top: 23.3em;
}

.landscaping {
border-radius: 0% 0% 100% 0%;
top: 23.3em;
}

.glowing-border {
border: 2px solid #dadada;
}

.glowing-border:focus {
outline: none;
border-color: #9ecaed;
box-shadow: 0 0 10px #9ecaed;
}

有什么问题吗?另外,出于某种原因,当我在浏览器中测试它时,“top”和“margin-left”不起作用。这是为什么?感谢您的帮助!

顺便说一下,我使用的是 Dreamweaver,它不呈现 border-radius,而且它在我的一些页面上搞砸了很多事情。它不处理 left: 50;或 margin :自动;好吧。这很常见吗?我只是在我的浏览器而不是 Dreamweaver 中进行测试。

最佳答案

在您的 HTML 中,<p>有边框,但是 <div> s 有边界半径。您需要使 border 和 border-radius 作用于相同的元素,即使它们设置在不同的类中也是如此。

关于html - 在 CSS 中,如果 border-radius 都属于同一个 div 标签,那么 border-radius 是否必须与它修改的边框属于同一个类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19056318/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com