江戸川区・東西線葛西駅のホームページ制作・システム開発会社

三MENU

スタイルシートでデザインする その2

■■独自仕様

<div id='header_h1_container'>

<div id='header_h1>

</div>

</div>

<div id='header_logo_container'>

<div id='header_logo'>

</div>

</div>

<div id='header_menu_container'>

<div id='header_menu'>

</div>

</div>

<div id='main_container'>

<div id='main'>

</div>

<div id='sidemenu'>

</div>

</div>

<div id='footer_container'>

<div id='footer'>

</div>

</div>

.header_h1_container{

width:100%;

.header_h1{

width:1000px;


■Practice

1) "style_pc.css" をインクルードして下さい。

2) header_h1_container という名前のセレクタをブロック要素で作成して下さい。

3) header_h1_container セレクタの中に更にブロック要素で header_h1_left という名前のセレクタを作成し、「ようこそ」と記述して下さい。

4) header_h1_container セレクタの中に更にブロック要素で header_h1_right という名前のセレクタを作成し、「ログイン」と記述して下さい。

5) header_h1_container セレクタの下にブロック要素で header_logo という名前のセレクタを作成して下さい。

6) header_logo セレクタの中に src='./images/logo3.gif' の画像を表示して下さい。

contact

様々なニーズにお応えいたします。詳しくはメールにて。