「CSS」text-decorationプロパティの波状の線(wavy)サンプル

2022年5月11日

書式
text-decoration : 線の位置線の種類線の色
underline　下線を引きます。
wavy　波状の線
線の色　色を指定します。
text-decorationは、文字に線を引きます。
使用例

<!DOCTYPE html>
<html>
<head>
<title>波状の線 (wavy)のサンプル</title>
<style>
  .cft {
    text-decoration: underline wavy yellow;
  }
</style>
</head>
<body>
<p class="cft"> study skill become smart</p>
</body>
</html>

結果
画面に「study skill become smart」の下部に波状の線を引きます

CSS

Posted by arkgame