html怎么做小米logo,css3实现小米的logo

昨天小米笔试遇到的题目，实现如下

css3实现小米logo

body{

background-color: #ccc;

}

#main{

background-color: #f57923;

width: 415px;

height: 300px;

margin:150px auto;

border-radius: 25px;

}

#left,#right{

background-color: #fff;

margin-top:40px;

height: 220px;

}

#left{

float: left;

width: 250px;

margin-left: 35px;

border-top-right-radius: 65px;

z-index: -99999;

}

#inner{

background-color: #f57923;

width: 140px;

height: 170px;

margin-left: 55px;

margin-top: 50px;

border-top-right-radius: 40px;

z-index: 10px;

}

#center{

background-color: #fff;

position: relative;

width: 50px;

height: 125px;

top:45px;

left: 45px;

z-index:999999; }

#right{

float: right;

width: 50px;

margin-right:35px;}

效果如下：

html怎么做小米logo,css3实现小米的logo相关推荐

小米网络推广连夜更换品牌LOGO——科技越是进化就越接近生命的形态
小米抓住三月的尾巴在春季新品发布会上宣布正式启用全新LOGO,据说全新的小米LOGO是由国际著名设计师原研哉设计师修修改改历时三年时间完成的,宣称在全新设计理念中为小米品牌视觉融入东方哲学思考&quo ...
小米回应将放弃“MI”字logo：不存在停止使用
多年以来,MI Logo已经成为小米的独特标志,深入人心.有消息称,小米公司正在逐步舍弃"MI"品牌,未来的设备在推出时将使用全新"xiaomi"品牌Logo. ...
小米平板1 android5,小米平板5即将到来？对小米平板前几代做了一下总结
原标题:小米平板5即将到来?对小米平板前几代做了一下总结关于小米平板 5 的到来,网上已经有很多配置上的推测了,这里总结一下之前小米发布的几代平板吧. 小米平板一代上市于 2014 年,搭载少见的英 ...
2s相机 android6,买一加6还是小米MIX 2S？小米MIX 2S和一加6对比评测
买一加6还是小米MIX 2S?作为两款同样搭载高通骁龙845处理器的国产旗舰,一加6和小米MIX 2S不免会被粉丝们拿来进行比较.那么,一加6和小米MIX 2S哪个好?是该买一加6还是小米MIX 2S ...
小米8 SE和小米9 SE 开源 Android 9 Pie 内核代码
开发四年只会写业务代码,分布式高并发都不会还做程序员? 近日,小米在 GitHub 开源了小米8 SE和小米9 SE的内核源码(https://github.com/MiCode/Xiaomi_K ...
苹果手机各种型号图片_2020年12月小米/红米手机推荐|小米/红米手机选购要点|小米/红米手机性价比推荐，干货满满...
小米手机,一直都是我国著名的手机牌子.小米手机新出了哪些型号?那么小米手机学生党适合哪款?小米手机哪款适合上班族?老人和小孩适不适合用小米手机?首先根据我们的预算,1000以下有什么性价比小米手机推荐 ...
小米android11新特性,小米已推送安卓11测试版目前支持三款机型
原标题:小米已推送安卓11测试版目前支持三款机型在8月初,谷歌推送了安卓11 的Beta3版本,这意味着距离正式版就不远了.在近日,小米方面就已经开始推送了安卓11 稳定版的测试申请,目前仅支持到 ...
小米线刷一直显示flashing_小米空调质量怎么样小米空调一晚上多少电看完这篇你就有数了...
小米空调质量怎么样1.外观时尚简约小米空调的外观延续了一直以来的简约.时尚感,小米空调整机采用纯白的悬浮式设计,从视觉和触觉都是慢慢的温润感. 小米如今已经作为全球知名的品牌,旗下的产品覆盖面广,不仅 ...
小米正式发布潮流手机小米Civi 1S和小米智能家庭屏10两款重磅新品
4月21日,小米正式发布小米Civi 1S和小米智能家庭屏10两款重磅新品.小米Civi 1S是专为年轻人打造的潮流手机,带来外观.美拍和流畅三大升级.外观加入行业稀缺的奇迹阳光(白色)配色,阳光下能 ...

html怎么做小米logo,css3实现小米的logo

html怎么做小米logo,css3实现小米的logo相关推荐

最新文章

热门文章