相关疑难解决方法(0)
用css做加号
我有一个模型,用于制作看起来非常简单的加号.但是,我的css技能不是很棒.制作圆圈并不是什么大不了的事情,但在里面加上一个加号我似乎无法弄明白.这就是我想要做的.
小样
这是我现在拥有的
到目前为止,这是我的代码:
HTML
<div class=circle></div>
CSS
.circle {
border-radius: 50%;
width: 200px;
height: 200px;
background-color: rgb(44,108,128)
}
所以非常基本的东西,但如果有人知道如何添加加号,你会让我的夜晚更好!谢谢您的帮助!
7
推荐指数
推荐指数
4
解决办法
解决办法
2万
查看次数
查看次数
通过堆叠 html 元素生成一个简单的十字架
我正在尝试在父元素 ( ) 中生成一个简单的交叉（由vertical和horizontal组件组成），但未能成功box。
.box {
width: 50vmin;
height: 50vmin;
background-color: blue;
margin: 0 auto;
}
.vertical {
position: absolute;
width: 10%;
height: 80%;
top: calc((100% - 80%) / 2);
left: calc((100% - 10%) / 2);
background-color: black;
}
.horizontal {
position: absolute;
width: 80%;
height: 10%;
top: calc((100% - 10%) / 2);
left: calc((100% - 80%) / 2);
background-color: black;
}<div class="box">
<div class="vertical"></div>
<div class="horizontal"></div>
</div>
我期望的输出是一个以蓝色框为中心的黑色十字。有人可以告诉我我哪里出错了吗？
谢谢你的帮助！
0
推荐指数
推荐指数
1
解决办法
解决办法
28
查看次数
查看次数