Step 2 : ปรับแต่ง head

.

head หรือ หะวได ก็คือส่วนที่จะใช้แสดง logo ของ บลอ้กเรานะครับ งิ

.

งั้นเรามาดูชุดรหัสสำเร็จรูปกันนะครับ

/* รูปภาพด้านบน เซตความสูงและกว้างตามภาพ */
.picture{
background: url(XXX) no-repeat;

background-color:#000000;
height: 130px;
width: 680px;
border-bottom:1px dotted #000000;

.

background: url(XXX)

อันนี้ไส่ url ของ logo นะครับ

.

no-repeat

ต้องการให้ซ้ำหรือไม่ ซ้ำ repeat ไม่ซ้ำ non-repeat

.

height: 130px;
width: 680px

ปรับขนาด

.

border-bottom:1pxdotted#000000;

อันนี้คือเส้นขอบนะครับ

โดย 1px คือขนาดของเส้นนะครับ เลขยิ่งมาก ยิ่งหนา

.

dotted นี่คือรูปแบบครับ เป็นเส้นประ แต่ถ้าอยากให้เป็นเส้นทึบ

ให้เปลี่ยนเป็น solid

.

ส่วน#000000

เป็นสีของเส้นขอบนะครับ ให้อ่านเรื่องสีได้ที่ step 1 นะครับ

.

แต่ถ้าไม่ต้องการให้มีขอบก็ลบบรรทัดนี้ทิ้งเลยครับ

border-bottom:1pxdotted#000000;