css 样式图 - 对话框

最新推荐文章于 2024-06-28 09:43:34 发布

林间风雨

最新推荐文章于 2024-06-28 09:43:34 发布

阅读量540

点赞数

分类专栏： CSS 文章标签： windows github ssh

本文链接：https://blog.csdn.net/jack_rose_me/article/details/121383590

版权

CSS 专栏收录该内容

41 篇文章 2 订阅

订阅专栏

对话框

在这里插入图片描述

               .alertDialog {
			/* 对话框：一个圆角矩形和一个小三角形 */
			width: 150px;
			height: 100px;
			background: #f00;
			border-radius: 10px;
			position: relative;
		}
		.alertDialog:before {
			content: "";
			width: 0;
			height: 0;
			position: absolute;
		        left: -20px;
		        top: 40px;
			border-top: 10px solid transparent;
		        border-bottom: 10px solid transparent;
		        border-right: 20px solid #f00;	
		}

在这里插入图片描述

		.alertDialog {
			/* 对话框：一个圆角矩形和一个小三角形 */
			width: 150px;
			height: 100px;
			background: #f00;
			border-radius: 10px;
			position: relative;
		}
		.alertDialog:before {
			content: "";
			width: 0;
			height: 0;
			position: absolute;
		        /* left: -20px;
		        top: 40px; */ 
			     right: 30px;
			     bottom: -10px;
			border-bottom: 10px solid transparent;
		        border-top: 10px solid transparent;
		        border-left: 20px solid #f00;	
		}