在div的左上角添加三角形，文字45度倾斜显示

最新推荐文章于 2024-02-04 21:12:11 发布

qq_43028942

最新推荐文章于 2024-02-04 21:12:11 发布

阅读量4.4k

点赞数 5

分类专栏：日常工作笔记文章标签： js css

本文链接：https://blog.csdn.net/qq_43028942/article/details/103891009

版权

本文介绍了如何利用JavaScript和CSS在div元素的左上角添加一个三角形，并实现文字以45度角倾斜显示。通过调整CSS样式，可以创建出独特的视觉效果。

摘要由CSDN通过智能技术生成

JS：

for (var i = 0; i < noticeData.length; i++) {
					var tab = "";
					var data = noticeData[i];

					//状态
					var state = "";
					if(null != data[6] && "" != data[6]){
						if (data[6] == 0) {
							state = "暂　存";
		                }else if (data[6] == 1) {
		                	state = "待签发";
		                }else if (data[6] == 2) {
		                	state = "待签收";
		                }else if (data[6] == 3) {
		                	state = "待接受";
		                }else if (data[6] == 4) {
		                	state = "已完成";
		                }
					}
					
					//申请时间
					var sn_time = "";
					if (null != data[8] && "" != data[8]) {
						sn_time = new Date(data[8]).format("YYYY-MM-DD hh:mm:ss");
					}
					//签发时间
					var issue_time = &