CSS是網頁設計中不可或缺的一部分，它可以讓我們精確地控制網頁中各個元素的樣式和排版。而紅色星號則是在CSS中很常用的一個符號，它可以表示出警示和必填項等特別的信息。

p::before {
content: "*";
color: red;
margin-right: 5px;
}

這是一個添加紅色星號的CSS樣式，使用了偽元素before來插入星號，同時設置星號的顏色為紅色，并給星號后面添加了5像素的空隙，讓星號和文本間有一定間距。

要使用這個樣式，只需要將對應的元素的樣式設置為：text-transform: uppercase;，即可達到效果。以下是一個應用這個樣式的例子：

姓名*

在這個例子中，姓名LABEL標簽的樣式使用了text-transform: uppercase;來轉換為大寫字母，并使用了上述的紅色星號樣式。此外，輸入框也設置了required屬性，表示這是一個必填項。

這樣設計的優點是能夠讓用戶在填寫表單時一目了然地看出哪些是必填項，從而減少填寫錯誤和提交不全的情況。