body { /*กำหนดสไตล์ชีทให้กับ id "content"*/
margin: 0; /*ระยะห่างระหว่างแท็ก กับกรอบนอกเพจทุกด้านเท่ากับ 0 Pixel*/
background-color: #FFFFFF;
}
img.img{ /*กำหนดสไตล์ชีทให้กับ class "img" ในแท็ก ![]()
*/
float: left; /*กำหนดให้แสดงในตำแหน่งชิดซ้าย*/
width: 200px; /*ความกว้างของรูปภาพเท่ากับ 200 Pixel*/
height: 129px; /*ความสูงของรูปภาพเท่ากับ 129 Pixel*/
background-color: #6ca7ff;
margin: 10px; /*ระยะห่างระหว่างแท็ก ![]()
กับแท็ก และแท็ก ทุกด้านเท่ากับ 10 Pixel*/
padding: 1px; /*ระยะห่างระหว่างรูปภาพกับแท็ก ![]()
ทุกด้านเท่ากับ 5 Pixel*/
}
p.detail { /*กำหนดสไตล์ชีทให้กับ class "detail" ในแท็ก
*/
width: 320px; /*ความกว้างของแท็ก
เท่ากับ 320 Pixel*/
color: #ffff00;
font-size: small;
text-align: justify; /*จัดข้อความในแท็ก
แบบ justify*/
text-indent: 7px; /*ย่อหน้าข้อความในแท็ก
เข้าไป 7 Pixel*/
background-color: #6ca7ff;
margin-top: 10px; /*ระยะห่างระหว่างแท็ก
กับแท็ก
ด้านบนเท่ากับ 10 Pixel*/
padding: 10px; /*ระยะห่างระหว่างข้อความกับแท็ก ทุกด้านเท่ากับ 10 Pixel*/
}