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

 

posted @ 2020-05-17 15:34  陈小歪、  阅读(1309)  评论(0)  编辑  收藏  举报