时间:2023-10-03 02:48:02 | 来源:网站运营
时间:2023-10-03 02:48:02 来源:网站运营
div+css实现网页搜索小图标:最近因为要做HTML5的课程设计作业,作为一个渣渣上课没好好听,课后也没好好学,做起来真的困难,刚做一个导航就把自己难住了。各大网站上的搜索小图标都是用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>
很简单,快收了吧!关键词:实现