使用css画出 + - × ÷ (加减乘除)4个符号
时间: 2024-05-09 15:21:36 浏览: 8
好的,以下是使用CSS画出 - × ÷ 四个符号的代码:
减号:
```
<div class="minus"></div>
.minus {
height: 2px;
width: 10px;
background-color: black;
}
```
乘号:
```
<div class="times">
<div class="times-line"></div>
<div class="times-line"></div>
</div>
.times {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.times-line {
height: 2px;
width: 10px;
background-color: black;
transform: rotate(45deg);
}
```
除号:
```
<div class="divide">
<div class="divide-line"></div>
</div>
.divide {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.divide-line {
height: 2px;
width: 10px;
background-color: black;
transform: rotate(45deg);
}
```
加号:
```
<div class="plus">
<div class="plus-line"></div>
<div class="plus-line plus-line-vertical"></div>
</div>
.plus {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.plus-line {
height: 2px;
width: 10px;
background-color: black;
transform: rotate(45deg);
}
.plus-line-vertical {
transform: rotate(90deg);
}
```