给表格打上休字样

zhang_cl_cn

已于 2023-01-10 16:51:35 修改

阅读量188

点赞数 1

文章标签： css html javascript

于 2023-01-10 16:24:43 首次发布

本文链接：https://blog.youkuaiyun.com/zhang_cl_cn/article/details/128632164

版权

这段CSS代码定义了一个名为.sc-day-off的类，用于设置背景颜色为#FFEBEC，并在元素前添加一个‘休’字的标签，标签有特定的字体大小、颜色、背景颜色以及绝对定位。应用此类可以使相应元素呈现出休息日的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css样式代码

.sc-day-off {
	background-color: #FFEBEC;
}
.sc-day-off:before {
	content: '休';
	display: block;
	position: absolute;
	font-size: 0.7em;
	width: 1.2em;
	font-weight: 100;
	color: white;
	background-color: #E00808;
	margin-top: -10px;
}

使用：
在相应的代码上使用这个 sc-day-off 类名即可

展示效果：
在这里插入图片描述