CSS で段落の境界線を設定する方法: 1. p 要素に border 属性を設定して、段落に上下左右の 4 つの境界線を同時に追加します; 2. border-top を設定します。 、border-bottom、border-left、border-right プロパティは、段落にそれぞれ上、下、左、右の境界線を追加するために使用されます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css 段落境界線の設定
1. 境界線属性を使用します
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p{
padding: 10px;
border: 1px solid red;
}
</style>
</head>
<body>
<p>测试元素</p>
</body>
</html>
2. border-top、border-bottom、border-left、border-right 属性をそれぞれ使用します。 abbreviation 属性を使用するには、上枠のすべてのプロパティを 1 つのステートメントに設定します。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p{
padding: 10px;
border-top: 2px solid red;
border-bottom: 2px solid paleturquoise;
border-left: 2px solid green;
border-right: 2px solid blue;
}
</style>
</head>
<body>
<p>测试元素</p>
</body>
</html>）
以上がCSSで段落の境界線を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
