gpt4 book ai didi

html - 为什么我的 CSS 没有成功设置 div 边框的颜色?

转载 作者:太空狗 更新时间:2023-10-29 13:54:14 25 4
gpt4 key购买 nike

我的 html 页面中有一个 div,它包含 3 个单选按钮:

<html> 
<head>
<link href="CSS/mystyle.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="outside">

<div id="inside">
<input type="radio"> apple
<input type="radio"> orange
<input type="radio"> banana
</div>

<div id="others"></div>

</div>

</body>
</html>

我的 CSS 位于 CSS 目录下,

CSS/mystyle.css:

#inside{

font-size:12px;
border-color:#ff3366;
width: 300px;
height: 50px;
}

widthheightfont-size设置成功,但是border-color:#ff3366;不显示,为什么?为什么我设置div的边框颜色失败?

-------------------- 更多--------------------

顺便问一下,如何将我的内部 div(id="inside")定位到外部 div 的右侧,并且与外部 div 的最右侧边框有大约 100px 的边距?

最佳答案

您需要设置一个border-style。现场示例:http://jsfiddle.net/tw16/qRMuQ/

border-color:#ff3366;
border-width: 1px; /* this allows you to adjust the thickness */
border-style: solid;

这也可以简写为:

border: 1px solid #ff3366;

更新:要将#inside 移动到右侧,您需要float:right 然后添加margin-right: 100px。现场示例:http://jsfiddle.net/tw16/qRMuQ/

#outside{
overflow:auto;
}
#inside{
font-size:12px;
border-color:#ff3366;
border-width: 1px;
border-style: solid;
width: 300px;
height: 50px;
float: right; /* this will move it to the right */
margin-right: 100px; /* this applies the 100px margin from the right */
}

关于html - 为什么我的 CSS 没有成功设置 div 边框的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7094608/

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