DIV+CSS を使用してテキストとパネルの影効果を実現_html/css_WEB-ITnose

实现代番号:

< style type ="text/css" >
#sfContainer1 {
font : 太字 10pt simsun, tahoma ;
背景色 : #808080 ;
高さ: 30ピクセル;
行の高さ: 30px ;
padding-left : 20px ;
}
#sfFrontText {
カラー : #FFFFFF ;
位置 : 絶対;
パディング: 0px ;
z-index : 1 ;
}
#sfBackText {
色 : #000000 ;
位置 : 絶対;
パディング: 2px 0px 0px 2px ;
z インデックス : 0 ;
}
#sfRowSpacer1 {
高さ : 20px ;
}
#sfContainer2 {
高さ : 150px ;
背景色 : #808080 ;
}
#sfFrontPanel {
border : 1px solid #C0C0C0 ;
マージン: 20px 0px 0px 20px ;
背景色 : #FFFFFF ;
幅: 150ピクセル;
高さ: 60ピクセル;
位置 : 絶対;
z-index : 1 ;
}
#sfBackPanel {
border : 1px solid #666666 ;
マージン: 24px 0px 0px 24px ;
背景色 : #000000 ;
幅: 150ピクセル;
高さ: 60ピクセル;
位置 : 絶対;
z インデックス : 0 ;
}


< div id ="sfContainer1" >
<; div id ="sfFrontText" >
ASP.NET 2.0 サーバー制御子および構成要素开発行高级编程
ASP.NET 2.0 サーバー制御子および構成要素开発行高级编程