html5css3利用伪类做小图标

最新推荐文章于 2024-04-19 09:08:52 发布

郭胜_自强

最新推荐文章于 2024-04-19 09:08:52 发布

阅读量3.5k

点赞数 1

分类专栏： html5

本文链接：https://blog.csdn.net/GS2016/article/details/79230021

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>利用伪类做小图标</title>
		<style type="text/css">
			@font-face {
				font-family: 'guosheng';
				src: url('fonts/iconfont.eot');
				src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), 
				url('fonts/iconfont.woff') format('woff'), 
				url('fonts/iconfont.ttf') format('truetype'), 
				url('fonts/iconfont.svg#iconfont') format('svg');
			}
			div{
				width:200px;
				height:200px;
				border: 1px solid gray;
				margin:100px auto;
				font-family: guosheng;
				text-align:center;
				line-height:200px;
				font-size: 150px;
			}

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

郭胜_自强

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
html5css3利用伪类做小图标

利用伪类做小图标 @font-face { font-family: 'guosheng'; src: url('fonts/iconfont.eot'); src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont.woff') form
复制链接

扫一扫