效果图
先不用说什么,直接上效果图好像是医院的标志似的。
思路
那这个是怎么做出来的呢?我先讲讲我的思路吧!首先只用了两个div的话,我们只能把这个十字架分成两部分,那是哪两部分呢?一个是横的,一个是竖的。先说横的div要具备的属性,首先高度为50px 、宽度为150px 、背景颜色为红色而对于竖的呢,高度为150px 、宽度为50px 、背景颜色为红色。
实际行动
那我们就先来做个雏形吧
<body>
<div class="horizontal"></div>
<div class="vertical"></div>
</body>
对于的css 如下