1. ホーム
  2. html

[解決済み] HTMLテキストの下に点線の下線を引く方法

2022-10-22 18:43:52

質問

htmlテキストに下線を引き、テキストの下の線が標準の下線ではなく点線になるようにするにはどうしたらよいでしょうか。できれば、別のCSSファイルを使用せずに行いたいです。私はhtmlの初心者です。

どのように解決するのでしょうか?

CSSなしには不可能です。実際 <u> タグは、単に text-decoration:underline を、ブラウザ内蔵のCSSでテキストに追加するだけです。

こんな感じです。

<html>
<head>
<!-- Other head stuff here, like title or meta -->

<style type="text/css">
u {    
    border-bottom: 1px dotted #000;
    text-decoration: none;
}
</style>
</head>
<!-- Body, content here -->
</html>