【CSS】文字を四角い枠で囲む

文字をspanタグで囲み、spanタグのstyle属性で border を指定する。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>【CSS】文字を四角い枠で囲む</title>
  </head>
  <body>
    <p><span style="border: 1px solid black">まとめ</span></p>
  </body>
</html>

今回の場合、文字が太さ1pxで黒色の1本線で囲まれる。

サンプルページ

タイトルとURLをコピーしました