ボーダー(境界線)の上でHTMLを使用します

セットアップと同じ時間枠についてのダウン:

  境界:幅スタイルの色は、色(デフォルト黒)は、スタイルを省略することができない場合に省略されてもよいです

(1)右下の左の境界に設けられています。

                ボーダートップ:幅スタイル色(上面)
                ボーダー右:幅スタイルカラー(右)
                ボーダー底:幅スタイルの色(下部)
                ボーダー左:幅スタイルカラー(左)

、右下左ボーダー(2)上に設けられ、省略した場合、同じ(右)フォーマットの左側に、省略された場合と同じ形式(上の)反対側、右側が省略された場合、下、左、および同じフォーマット

                ボーダー幅:下の左と右、
                ボーダースタイル:右下の左;
                ボーダー-カラー:右下左。

(3)右下の左の境界に設けられています。

                border-top-幅:2ピクセル。
                border-top-スタイル:固体;
                ボーダー底色:青。

スタイル:固体(実線)、点線(破線)

1  <!DOCTYPE HTML > 
2  < HTML > 
3      < ヘッド> 
4          < メタのcharset = "UTF-8"  /> 
5          < タイトル> </ タイトル> 
6          < スタイルタイプ= "テキスト/ CSS" > 
7              .box1 { 
8                  の幅200pxの; 
9                  高さ100pxに
10                  境界3px赤色固体
11              } 
12              .box2 { 
13  200pxの
14                  高さ100pxに
15                  境界トップ   5pxの赤色固体
16                  のborder-right 5pxの固体赤
17                  境界底5pxの赤色固体
18                  境界左  5pxの赤色固体
19              } 
20              .box3 { 
21 200pxの
22                  高さ100pxに
23                  ボーダー幅1pxの2ピクセル3px 4PX 
24                  ボーダースタイル固体点線の二重の固体;  
25                  境界色  antiquewhiteアクアbluevioletシャルトリューズ    
26              } 
27          </ スタイル> 
28      </ ヘッド> 
29      < ボディ> 
30          < DIV クラス= "BOX1">ボーダー試験1 </ DIV > 
31である         < DIV クラス= "BOX2" >ボーダー試験2 </ DIV > 
32          < DIV クラス= "BOX3" >ボーダー試験。3 </ DIV > 
33である     </ ボディ> 
34である </ HTML >

 

おすすめ

転載: www.cnblogs.com/chen-wei123/p/12519414.html