มาลองใส่เส้นขอบสวยๆ ให้บล็อกกันค่ะ

สุธรา
ว่างๆ ก็มาตกแต่งบล็อกให้สวยกันค่ะ

 สวัสดีชาว Gotoknow ทุกท่านนะคะ นี่เป็นบันทึกแรกที่ดิฉันเขียนที่ Gotoknow ค่ะ ซึ่งโดยปกติจะเขียนบันทึกอยู่ที่ learners.in.th ค่ะ สำหรับบันทึกแรกก็จะมาแนะนำเกี่ยวกับการตกแต่งบล็อกด้วยเส้นขอบแบบต่างๆ ค่ะ

เริ่มต้นด้วย code ของเส้นขอบ ที่จะเอาไปใส่ให้บล็อกก่อนเลยนะคะ

div#container {border: dashed 3px #FE517F}

ซึ่งประกอบไปด้วย ชนิดของเส้นขอบ ขนาด สี ค่ะ ทั้งสามส่วนสามารถเปลี่ยนแปลงได้ตามต้องการค่ะ

การใส่เส้นขอบให้บล็อกสามารถทำได้โดย เมื่อเปิดเข้าที่หน้าเพจบล็อกของคุณแล้ว ให้ไปที่เมนูตกแต่งบล็อกค่ะ จากนั้นก็ใส่ code ด้านบนเข้าไปที่ส่วนของ CSS ที่ตกแต่งมาเอง: จากนั้นคลิกที่บันทึกเก็บ เท่านี้ก็เป็นอันเรียบร้อยค่ะ

เรามาต่อกันที่ชนิดของเส้นขอบเลยนะคะ เราจะเขียน code css ไว้ก่อนนะคะ ถัดจาก code จะเป็นผลที่ได้ค่ะ

div#container {border: dashed}   - - - - - - - - - - -

div#container {border: dotted}  ........................

div#container {border: solid} __________

div#container {border: double} =========

เอามาแนะนำกันแค่ 4 แบบ นะคะ อยากดู code css ของเส้นขอบเพิ่มเติมก็เข้าไปที่เว็บ w3school ได้ตาม link เลยนี้ค่ะ css border มีแบบให้เลือกอีกเยอะแยะเลยค่ะ

บันทึกนี้เขียนที่ GotoKnow โดย  ใน Theme For You = บล็อกสวยด้วยธีม =

คำสำคัญ (Tags)#code#css#border#เส้นขอบ

หมายเลขบันทึก: 74229, เขียน: 24 Jan 2007 @ 21:44 (), แก้ไข: 19 Jun 2012 @ 21:41 (), สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ, ความเห็น: 18, อ่าน: คลิก


ความเห็น (18)

แวะมาเก็บความรู้แล้วจ้า  และพี่ก็เขียนบันทีกเกี่ยวกับรายละเอียดและป้าย ชื่อบันทึก ค้นหาไฟล์ได้ง่ายด้วย ป้าย เข้าใจง่าย ด้วยรายละเอียด ที่ learners.in.th  แล้วนะจ๊ะ

ดีค่ะพี่มะปราง ที่ learners จะได้หาอะไรง่ายหน่อย
  • มาทักทายครับ
  • จะโดนพี่แซวอีกไหมน่า
  • มาเรียนรู้ด้วยคน ครับ
  • สอนวิธีใส่ภาพประกอบที่ธีมด้วยนะครับ
แวะมาเรียนรู้เช่นกันค่ะ
PR
เขียนเมื่อ 

ชอบมากค่ะแล้วจะไปลองทำดูนะจ๊ะ

สวัสดี นพ.สมบูรณ์ นะคะ
เรื่องภาพใน theme จะเขียนบันทึกไว้เป็นส่วนๆ ละกันนะคะ อ่านง่ายดีค่ะ

เดี๋ยวจะมี theme ของนศ. ทำมาให้ใช้กันด้วยนะคะ ตอนนี้กำลังคัดเลือกผลงานอยู่ค่ะ

*ครั้งแรกที่เข้ามาเก็บความรู้ที่ดีๆๆๆๆครับ

น้องใหม่ ขอคำแนะจากพี่ๆน้องๆ เพิ่งเข้าวงการ ชี้แนะด้วยครับผม

 

ป้า
IP: xxx.246.245.68
เขียนเมื่อ 

เข้ามาวันแรกได้รู้เรื่องต่าง ๆ กับเข้ามากดีคะ

 ชอบมากเพราะตัวเองทำไม่ค่องจะได้

แมงปอน้อย
IP: xxx.12.74.7
เขียนเมื่อ 
ขอบคุณมากๆนะค่ะ น้องหามานานแล้วค่ะดีใจมากที่เปลี่ยนได้ทำให้Blog ดูสวยขึ้น
ขอบคุณทุกความคิดเห็นเลยค่ะ
ปุยฝ้าย
IP: xxx.9.221.79
เขียนเมื่อ 

เราทามไมเป็นเลยงงมากเราก็มีบล็อกเหมือนกันทามให้หน่อยดิ

อันนี้ก็ต้องลองทำดูนะคะ แรกๆ อาจจะงงๆ บ้างแต่ซักพักก็ชำนาญค่ะ
ฟ้าคราม
IP: xxx.9.96.242
เขียนเมื่อ 
แวะมาอ่านวิธีแต่งบล็อกค่ะ ได้ความรู้มากเลย เป็นมือใหม่หัดขับค่ะ
สุพัตรา
IP: xxx.151.41.2
เขียนเมื่อ 
สวัสดีค่ะ ได้เข้ามาอ่านการตกแต่งบล็อก เลยอยากทำได้บ้าง ถ้าจะกรุณา ช่วยสอนทำได้ไหมค่ะ ขอบคุณค่ะ ได้ความรู้มาจะนำไปเผยแพร่ให้เพื่อนๆต่อค่ะ
นุกูล
IP: xxx.151.232.70
เขียนเมื่อ 

ใครมีเส้นขอบสวยๆติดต่อมาได้ที่ [email protected] ได้เลยครับ

ความเห็นที่ 19 นี่ลองถอดดูหรือยังครับ (ถอดร่างน่ะ) แหม

ขอบคุณครับ จะลองนำไปใช้ดูครับ