利用css制作搜索图标


我记得好像是从哪复制来的,无所谓,都是我的~~~~

就是下面的这个框

 

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>css搜索图标</title>

<style>

.icon-search{

width: 12px;height: 12px;

border-radius: 100%;

border:2px solid currentcolor;

position: relative;

margin:30px auto;

}

.icon-search:after{

content: "";

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

transform: rotate(45deg);

width:8px;

height: 2px;

position: absolute;

top:13px;

left:11px;

background-color: currentcolor;

}

</style>

</head>

<body>

<div class="icon-search"></div>

</body>

</html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM