15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > div+css实现网页搜索小图标

div+css实现网页搜索小图标

时间:2023-10-03 02:48:02 | 来源:网站运营

时间:2023-10-03 02:48:02 来源:网站运营

div+css实现网页搜索小图标:最近因为要做HTML5的课程设计作业,作为一个渣渣上课没好好听,课后也没好好学,做起来真的困难,刚做一个导航就把自己难住了。各大网站上的搜索小图标都是用css实现的。立马搜了一下。

就是下面的网址:

CSS部分

<style>.icon-search { width: 12px; height: 12px; border-radius: 100%; border: 2px solid currentcolor; position: relative; margin: 30px auto;}.icon-search:after { content: ""; transform: rotate(45deg); width: 8px; height: 2px; position: absolute; top: 13px; left: 11px; background-color: currentcolor;</style>HTML部分

<body> <div class="icon-search"></div></body> 很简单,快收了吧!

小白第一次发,有冒犯请指正。

关键词:实现

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭