div盒子下边的线条 1px 实线 黑色怎么写
时间: 2024-03-09 14:45:00 浏览: 27
可以使用以下 CSS 代码来实现:
```css
.div-box {
border-bottom: 1px solid black; /* 设置下边框为1像素黑色实线 */
}
```
这里使用了 `border-bottom` 属性来设置盒子的下边框,其中:
- `1px` 指定了边框的宽度为1像素;
- `solid` 指定了边框样式为实线;
- `black` 指定了边框颜色为黑色。
你可以根据需要来调整这些值。
相关问题
一个高200px的大div盒子里 有上下两个小盒子 上面盒子高82px 下面盒子高117px 该怎么写
可以使用以下 CSS 代码实现:
```css
/* 设置大盒子高度 */
.div-box {
height: 200px;
}
/* 设置上面小盒子高度 */
.top-box {
height: 82px;
}
/* 设置下面小盒子高度 */
.bottom-box {
height: 117px;
}
```
HTML结构可以是这样的:
```html
<div class="div-box">
<div class="top-box"></div>
<div class="bottom-box"></div>
</div>
```
这样就可以实现一个高200px的大div盒子里有上下两个小盒子,上面盒子高82px,下面盒子高117px。
div盒子设置1/2圆圈
要将 div 盒子设置成 1/2 圆圈,可以通过设置 div 盒子的宽度和高度、边框和 border-radius 属性来实现。代码如下:
```css
div {
width: 100px;
height: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border: 2px solid black;
background-color: red;
}
```
上面的代码中,将 div 盒子的宽度设置为 100px,高度设置为 50px,这样就可以将 div 盒子设置成 1/2 圆圈。接着,通过设置边框和 border-radius 属性来实现圆角效果。这里将左上角和右上角的圆角半径设置为 50px,将边框设置为 2 像素的黑色实线边框,将背景色设置为红色。
这样就可以将 div 盒子设置成 1/2 圆圈了。