15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

使用::before 与 ::after 伪类向元素中添加内容

李家霖| 发布于 2021-07-17 23:09:56| 449阅读| 0点赞| 0评论
举报

利用css伪类向元素中添加内容

::before   表示元素的最前方

::after      表示元素的最后方


使用方法 : 

		.box{
			width: 200px;
			height: 200px;
			background-color: rgb(39, 148, 106);
		}
		.box::before{
			content: "最前方";
		}
		.box::after{
			content: "最后方";
		}

        <div class="box">
		<span>内容</span>
	</div>

效果  



在::before 与 ::after 伪类中可以设置文字颜色  背景颜色  display……

利用::before 与 ::abter可以少些一些结构  

		.box{
			width: 200px;
			height: 200px;
			background-color: rgb(39, 148, 106);
		}
		.box::before{
			content: "共计:¥";
		}
		.box::after{
			content: "元";
		}

    <div class="box">
		<span>100</span>
	</div>

效果




0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部