CSS 匿名留言是一種可以保護(hù)個(gè)人隱私的方式。利用CSS的偽元素，可以在不使用JS或后臺(tái)數(shù)據(jù)庫(kù)的情況下創(chuàng)建一個(gè)簡(jiǎn)單的留言系統(tǒng)。下面是一個(gè)示例：

.message {
position: relative;
padding: 10px;
margin-bottom: 20px;
}
.message:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent #eee;
border-width: 10px 10px 0 0;
}
.message:after {
content: 'Anonymous';
position: absolute;
top: -20px;
right: -5px;
padding: 5px 10px;
background: #eee;
border-radius: 5px;
}

這段CSS代碼對(duì)應(yīng)的HTML代碼是這樣的：

<div class="message">
<p>This is a message left by an anonymous user.</p>
</div>

添加留言框和提交按鈕的方法與此類似。如果需要記錄留言，可以使用JS將留言內(nèi)容保存到cookies或?yàn)g覽器本地存儲(chǔ)中。

需要注意的是，CSS 匿名留言雖然可以保護(hù)個(gè)人隱私，但也存在一些安全隱患。例如，用戶可以使用開發(fā)者工具輕松地修改留言內(nèi)容，從而導(dǎo)致信息泄露或虛假信息傳播。因此，在設(shè)計(jì)CSS 匿名留言系統(tǒng)時(shí)，需要仔細(xì)考慮這些潛在問題。