ホームページ > 記事 > ウェブフロントエンド > CSSを使って文字枠の点線スタイルを書くにはどうすればいいですか？（例）

CSSを使って文字枠の点線スタイルを書くにはどうすればいいですか？（例）

藏色散人オリジナル: 2018-08-14 14:59:474269ブラウズ

この記事は主にCSSテキストの点線のスタイルを記述する方法の問題を紹介します。必要な友人に役立つことを願っています。 CSSの枠線の設定例を紹介します。

コードは次のとおりです:

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>css边框线怎么设置的例子</title>
    <meta charset="UTF-8">
    <style type="text/css">
        p
 {
            width: 550px;
            border: 1px solid red;
        }

    </style>
</head>
<body>

<div>
    <p>css border 外边框、css边框线怎么设置?</p>
</div>
</body>
</html>

効果は次のとおりです:

CSSを使って文字枠の点線スタイルを書くにはどうすればいいですか？（例）

ここに示すように、border 属性は、単純にテキストに境界線を追加し、色を追加するために使用されます。

次に、CSS の点線ボックスを設定する方法を紹介します:

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>css虚线框的例子</title>
    <meta charset="UTF-8">
    <style type="text/css">
        p
 {
            width: 550px;
            border-color:red;
            border-style:dotted ;

        }

    </style>
</head>
<body>
<div>
    <p>css设置文字虚线边框、css文字虚线边框、html虚线框、css边框虚线代码</p>
</div>

</body>
</html>

その効果は次のとおりです:

CSSを使って文字枠の点線スタイルを書くにはどうすればいいですか？（例）