CSSスタイル(3)——背景、ハイパーリンク、リスト、表スタイル

CSS背景

空の要素は、要素の高さと幅を定義する必要があります.
 

background-color:カラー(背景色と背景図を同時に使用すると背景色が上書きされます)

background-image:url("logo.jgp")

background-repeat:repeat(碁盤格子充填、水平垂直反復充填)reapet-x(横充填)、repeat-y(縦塗り)no-repeat(背景図として1回のみ表示、全塗り)

簡易設定:background:色画像repeat;

 

CSSハイパーリンク

a:link-通常の、アクセスされていないリンク

a:visited-ユーザーがアクセスしたリンク

a:hover-マウスポインタがリンクの上にある

a:active-リンクがクリックされた時刻

この4つのセレクタを擬似セレクタと呼び、以下の手順に従います.
a:hover-a:linkとa:visitedの後にある必要があります
a:active--a:hoverの後にある必要があります
つまり大体a:link——>a:visited——>a:hover——>a:active

a:link{
	text-decoration: none;
	color: #09f;/*   ，    ，     */
	}
a:visited{
	text-decoration: none;
	color: #930;/*   ，    ，     */
}
a:hover{
	text-decoration: underline;
	color: #03c;/*    ，   ，      */

	}
a:active{
	text-decoration: none;
	color: #03c;/*    ，    ，      */

	}

 

CSSリストスタイル

無秩序リストulと秩序リストol共通スタイル
ツールバーの
説明
list-style
リストに使用されるすべてのプロパティ設定は、宣言に使用されます.
list-style-image
リスト項目の画像を設定
list-style-position
マークの位置
list-style-type
フラグのタイプ
 
 
 
 
 
 

list-style-type            

値
説明
none
タグなし
disc
デフォルトでは、マークは中空の円です
circle
マークは中空円
square
マークはソリッドブロック
decimal
タグは数値
lower-roman
小文字ローマ字(i,ii,iii,iv,vなど)
upper-roman
大文字ローマ字(I,III,IV,Vなど)
lower-alpha
小文字の英字(a,b,c,d,eなど)
upper-alpha
大文字の英字(A,B,C,D,Eなど)
lower-Greek
小文字ギリシャ文字(alpha,beta,gammaなど)
lower-latin
アルファベット(a,b,c,d,eなど)
upper-latin
大文字のラテン文字(A,B,C,D,Eなど)
     
 
 
 
 
 
 
 
 
 
 
 
 

list-style-position:insideとoutsideのプロパティがあり、insideのプロパティが右にリスト領域にインデントされているなど、outsideのプロパティがリストの左側に突出している

 

CSS表スタイル

表サイズ:width(幅)、height(高さ)

表の枠線:boderプロパティ、border:1 px(幅)、solid(実線)、eee(色);

border-collapseプロパティ:表の枠線とセルの枠線を

にマージできます.

パリティセレクタ:nth-child(odd|even)--oddは奇数を表し、evenは偶数を表し、括弧内は

とすることもできる.
tr:nth-child(odd){background-color:#EAF 2 DF}が表の奇数挙動を示す緑色