黑马程序员技术交流社区

标题: 无聊用CSS画了个巨型的Eclipse图标，哈哈 [打印本页]

---

作者: melovem    时间: 2016-8-13 22:51
标题: 无聊用CSS画了个巨型的Eclipse图标，哈哈
                <div class="bg"></div>
                <div class="yuan"></div>
                <i class="line1"></i>
                <i class="line2"></i>
                <i class="line3"></i>

CSS:
             .bg{
        position: absolute;
        width:500px;
        height:500px;
        border-radius: 100%;
        margin:0 400px;
        background: #2C2255;
        z-index: 1;
        border:1px solid midnightblue;
}
.yuan{
        margin:0 370px;
        position: absolute;
        width:500px;
        height:500px;
        border-radius:100%;
        background: #F7941E;
}
.line1,.line2,.line3{
        width:400px;
        height:20px;
        border-radius: 10px;
        background: white;
        position: absolute;
        margin:180px 460px;
        z-index: 2;
}
.line2{
        margin-top:220px;
}
.line3{
        margin-top:260px;
}

---

作者: wq1194165366    时间: 2016-8-14 23:40
牛逼了

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2