ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで枠線を設定する方法

CSSで枠線を設定する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-04-15 16:05:2919404ブラウズ

CSS で境界線を設定する方法: 1. 境界線の省略属性で境界線を設定します; 2. [border-width]、[border-style]、[ に従って境界線のスタイルを順番に設定します。 border-color] 属性。

CSSで枠線を設定する方法

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

CSS で境界線を設定する方法:

1. 境界線の省略属性で境界線を設定します。

<html>
<head>
<style type="text/css">
p 
{
border: medium double rgb(250,0,255)
}
</style>
</head>
<body>
<p>Some text</p>
</body>
</html>

レンダリング:

CSSで枠線を設定する方法

2. border-width、border-style、border-color 属性に従って、順番に境界線のスタイルを設定します。

例:

<html>
<head>
<style type="text/css">
p 
{
border-width:medium;
border-style:double;
border-color:rgb(250,0,255);
}
</style>
</head>
<body>
<p>Some text</p>
</body>
</html>

レンダリング:

CSSで枠線を設定する方法

##関連学習の推奨事項: CSS チュートリアル #

以上がCSSで枠線を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。