在一个div外加外边框 距离内边框3像素
时间: 2023-11-28 22:50:56 浏览: 46
你可以这样设置CSS样式:
```css
div {
padding: 10px; /* 内边距 */
border: 3px solid #000; /* 边框 */
margin: 10px; /* 外边距 */
}
```
其中,`padding`属性用于设置内边距,`border`属性用于设置边框,`margin`属性用于设置外边距。在本例中,边框宽度为3像素,边框样式为实线,边框颜色为黑色。而外边距和内边距的值可以根据实际情况进行调整。
相关问题
css html 在一个div外加一个边框
你可以使用CSS的border属性来给一个div加上边框,例如:
```html
<div class="container">
<!-- 内容 -->
</div>
```
```css
.container {
border: 1px solid black;
}
```
这样就会在包含内容的div外加上一个1像素宽的黑色边框。你可以根据需要调整边框的宽度、颜色和样式。
div一个边框成弧形
要实现一个边框成弧形的效果,可以使用CSS3中的border-radius属性。border-radius可以设置四个角的圆角半径,也可以设置两个半径来实现椭圆形或者圆形的效果。如果想要实现一个边框成弧形的效果,可以将四个角的圆角半径设置为一个比较大的值,使得边框的四个角都变成圆弧。
例如,可以这样设置一个div的边框成弧形:
```css
div {
width: 200px;
height: 100px;
border: 2px solid #ccc;
border-radius: 50px;
}
```
这样就可以将div的边框变成一个弧形。注意,这里的border-radius值需要根据实际情况进行调整,使得圆角的大小和弧形的曲度都符合要求。