
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;