设计小米logo
Posted 不想掉头发啊!!
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设计小米logo相关的知识,希望对你有一定的参考价值。
利用html和css设计小米logo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin: 0;
padding: 0;
}
div{
width: 80px;
height: 80px;
border-radius: 30px;
background: #ff6700;
margin: 50px auto;
position: relative;
}
p{
width:25px ;
height: 25px;
border: 5px solid #ffffff;
position: absolute;
top: 24px;
left: 19px;
border-bottom: none;
border-top-right-radius: 35%;
}
span{
width: 5px;
height: 20px;
background: #ffffff;
position: absolute;
top:34px;
left: 33px;
}
em{
width: 5px;
height: 30px;
background: #ffffff;
position: absolute;
top:24px;
left: 62px;
}
</style>
</head>
<body>
<div>
<p></p>
<span></span>
<em></em>
</div>
</body>
</html>
效果如下
以上是关于设计小米logo的主要内容,如果未能解决你的问题,请参考以下文章
我的小米5进入刷最新的开发板。但是开机的Mi字LOGO下面出现红色的 BootLoader unlock。
小米手机产品全球不再使用“MI”品牌,改用“xiaomi”全称品牌