hello world

搜索图标： <div class="search"> <div class="search_circle"></div> <div class="search_line"></div> </div> .search{ position: relative; margin:0 auto; height: 100px; width: 100px; } .search_circle{ height: 35px; width: 35px; border-radius: 23px; border: 5px solid black; } .search_line{ position: absolute; left:34px; top: 41px; height: 6px; width: 40px; border-radius: 4px; background-color: black; transform: rotate(30deg); -ms-transform: rotate(30deg); /* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */ }

三角形的实现： .triangle{ margin:0 auto; height: 0px; width: 0px; border: 50px solid; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-bottom-color: gray; border-bottom-width:100px;/*改变三角形的角度*/ }

有很多朋友用css实现了很多可爱的图标，比如小黄人，浏览器图标，多啦A梦等