纯CSS实现消息对话框

最新推荐文章于 2023-10-24 17:41:19 发布

九七九二六

最新推荐文章于 2023-10-24 17:41:19 发布

阅读量1.1k

点赞数

文章标签： css

本文链接：https://blog.csdn.net/weixin_43732987/article/details/105409237

版权

本文介绍如何仅使用CSS来实现一个功能齐全的消息对话框，通过实例代码展示其效果，探讨实现这一功能的关键CSS技术。

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

纯CSS实现消息对话框

效果：
在这里插入图片描述
代码：

<style>
body {
   
	margin: 0;
	width: 800px; font-size : 100%;
	background: white;
	font-family: 'Raleway', sans-serif;
	font-size: 100%;
}

.test1 {
   
	float: left;
	max-width: 300px;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	padding: 30px 20px;
	margin-left: