利用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