現(xiàn)在的社交軟件都提供了微信聊天一樣的功能，好看又方便。那么，我們?nèi)绾螌?shí)現(xiàn)微信聊天發(fā)消息的效果呢？答案是使用CSS。

.chat-container {
display: flex;
align-items: center;
}
.chat-bubble {
background-color: #ffffff;
border-radius: 24px;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
color: #222222;
font-size: 14px;
max-width: 80%;
padding: 12px 16px;
}
.chat-bubble.right {
border-top-right-radius: 0px;
}
.chat-bubble.left {
border-top-left-radius: 0px;
margin-right: auto;
}
.chat-timestamp {
color: #aaaaaa;
font-size: 12px;
margin-left: 8px;
}

以上是CSS樣式的代碼，在HTML中的使用方式如下：

Hello10:00
Hi10:01

簡(jiǎn)單的HTML代碼和CSS樣式就可以實(shí)現(xiàn)微信聊天發(fā)消息的效果，好看又實(shí)用。