设计小米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的主要内容,如果未能解决你的问题,请参考以下文章

蒙牛小米比亚迪,明星企业为何扎堆换LOGO?

我的小米5进入刷最新的开发板。但是开机的Mi字LOGO下面出现红色的 BootLoader unlock。

小米手机产品全球不再使用“MI”品牌,改用“xiaomi”全称品牌

代码片段 navbar

小米手机全球已舍弃“MI”品牌,全面改用“xiaomi”全称品牌

Drupal标题徽标和网站名称片段页面.tpl.php