现在，在移动互联网时代，手机已经成为人类的重要工具之一。而手机短信成为了人们不可或缺的沟通方式之一。如何让手机短信变得更加美观、优雅呢？

这里介绍使用CSS样式来美化手机短信CSS样式，使用pre标签来显示CSS代码。

/* 设置短信框的样式 */
.sms-box{
width：100%;
height：100px;
background-color：#f5f5f5;
border：1px solid #e1e1e1;
border-radius：5px;
padding：10px；
font-size：14px；
}
/* 设置短信内容的样式 */
.sms-content{
color：#333;
line-height：24px；
}
/* 设置日期时间的样式 */
.sms-time{
text-align：right；
color：#999；
font-size：12px；
}

这段代码设置了短信框、短信内容和日期时间的样式。在使用时，只需要将CSS样式与HTML代码结合起来即可。希望以上内容对你有所帮助。