HTMLで赤いアスタリスクを作成する方法

2024-02-08 03:46 HTML フォーム CSS

CSSを使用する方法:
```
<!DOCTYPE html>
<html>
<head>
<style>
.red-asterisk {
color: red;
}
</style>
</head>
<body>
<label for="name">名前<span class="red-asterisk">*</span></label>
<input type="text" id="name" name="name">
</body>
</html>
```
上記の例では、red-asteriskというクラスを作成し、そのクラスにcolor: red;というスタイルを指定しています。赤いアスタリスクを表示したい場所に<span>要素を使用し、その要素にred-asteriskクラスを追加します。
Unicode文字を使用する方法:
```
<!DOCTYPE html>
<html>
<body>
<label for="name">名前&#x2a;</label>
<input type="text" id="name" name="name">
</body>
</html>
```
上記の例では、*というUnicode文字参照を使用して赤いアスタリスクを表示しています。

これらの方法を使用することで、HTMLフォームや他の場所で赤いアスタリスクを簡単に表示することができます。適切な方法を選んでお好みの場所に適用してください。