02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18
01. XHTML+CSS 2 19
20
21
22
23
24
25
26
#first{ background-color:#b5e6ff; width:10%; #second{ background-color:#fff8ad; width:90%; 27
#first{ background-color:#b5e6ff; width:10%; #second{ background-color:#fff8ad; width:90%; #first{ background-color:#b5e6ff; width:10%; margin-right:10px; #second{ background-color:#fff8ad; width:90%; 28
#first{ background-color:#b5e6ff; width:10%; margin-right:2% #second{ background-color:#fff8ad; width:88%; 29
#hidari p{ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html> <head> <title> 2006 </title> <meta http-equiv="content-type" content="text/html; charset=sjis" /> <meta http-equiv="content-style-type" content="text/css" /> <link rel="stylesheet" type="text/css" href="design.css" /> </head> <body> <div id="left"> <h2>contents</h2> <ul> <li>home</li> <li>members</li> <li>logs</li> <li>syllabus</li> <li>link</li> </ul> </div> <div id="right"> <h1>2006 B </h1> </div> </html> </body> 30
#left{ #right{ #left ul{ width:15%; border:#6ebcff 1px solid; margin-right:15px; width:75%; margin-left:15px; #left ul li{ background:url(./clovergreen.gif) no-repeat ; #left h2{ border:none; background: #3888ff; color:#fff; 31