CSS可以用來制作未讀消息，下面是一個簡單的例子：

HTML結構：

<div class="message">

<p>未讀消息：</p>

</div>

CSS樣式：

.message {

position: relative;

width: 200px;

height: 200px;

.message p {

font-size: 14px;

line-height: 1.5;

margin: 0;

padding: 0;

.message a {

display: block;

width: 100%;

height: 50px;

text-decoration: none;

font-size: 16px;

position: absolute;

top: 0;

right: 0;

background-color: #f2f2f2;

.message a:hover {

background-color: #ddd;

這樣，一個簡單的CSS樣式就能夠制作出一個清晰明了的未讀消息。當然，具體實現方式可能因項目需求而有所不同，但以上代碼可以提供一個基本的參考。