gpt4 book ai didi

CSS 圆 Angular 框

转载 作者:行者123 更新时间:2023-11-28 13:29:14 24 4
gpt4 key购买 nike

这可能是一个非常初学者的问题,但这就是我在 CSS 方面的问题。我有这个:

<div id="box">
SAMPLE TEXT TO DISPLAY IN BOX!
</div>

并且此框的 css 位于外部工作表中(正确链接到 html 页面):

#box {
border-radius: 28px;
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border: 5px solid #3B5998;
}

当我尝试在我的页面中使用代码时,它根本不起作用!知道为什么吗?再次抱歉,如果问题太简单了:)

编辑:我在另一个居中的 div 中使用的框。以下是它的使用方式:

<div id="center">
<div id="box">
Hdadjlsd
</div>
</div>

这是中心的 css:

#center { 
margin-right:200px;
background-color:white;
min-height:700px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:700px; /* for IE5.x and IE6 */
}

在这个标签之外它可以工作。

编辑:屏幕截图显示了 chrome 突出显示的问题。在检查元素 enter image description here 时显示红色框现在的位置

最佳答案

将此代码复制粘贴到您的 html 中,检查其是否有效。如果您使用 chrome,我确定它会起作用 :),如果它起作用,则将 css 键入您的 html 并运行它。

 <html>
<head>
<style type="text/css">
div
{
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:25px;
}
</style>
</head>
<body>
<div>The border-radius property allows you to add rounded corners to elements.</div>
</body>
</html>

关于CSS 圆 Angular 框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12471616/

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