สนุกกับ border

Border ก็เปลี่ยนได้

Borner ก็เปลี่ยนได้นะ สามารถเปลี่ยนรูปแบบได้ ไม่ยากเลยคะ

1. ไปที่แผงควบคุม

2.กดแก้ไขบล๊อกที่ต้องการ

3.ใส่ code ที่ ช่อง css ที่ตกแต่งเอง

 div#container {border: dashed 5px #f495c5

dashed จะเป็นเส้นปะนะ จะเปลี่ยนแบบอื่น ก็เปลี่ยนตรงนี้คะ ลองเลือกดูนะคะ

div#container {border: dotted 5px #f495c5
div#container {border: solid 5px #f495c5
div#container {border: double 5px #f495c5
div#container {border: groove 5px #f495c5
div#container {border: ridge 5px #f495c5
div#container {border: inset 5px #f495c5
div#container {border: outset 5px #f495c5

5px  คือ ขนาดของ border นะ

#f495c5 คือ ค่าสี จะนำมาจากค่าสีใน photoshop ก็ได้นะ ลองดู

ตัวอย่างค่าสี

 

 

 

 

[นายบอน@kalasin]

ยอดเยี่ยมครับ

[z e s t]

น่าสนใจดีนะครับ อัพเดทอีกบ่อยๆ นะ จะคอยเป็นกำลังใจให้ครับ ^^,

[นายโน้ต]

มา 'ment ให้แล้วนะ จะบอกว่า นอกจากจะสามารถกำหนดทั้ง border ในที่เดียวเลย มันสามารถกำหนด ซ้าย ขวา บน ล่าง ได้อีกนะ(แบบแยกจากกันเลย )

เช่น กำหนดเฉพาะ border ซ้ายก็เรียกใช้
border-left-width: 15px

คือ กำหนดขนาดให้เส้นของ border ด้านซ้าย มีขนาด 15 px นะ ก็จะมีทั้ง บน ล่าง ซ้าย ขวา เลย ทำได้เหมือนกับ border ธรรมดา นะ ลองดุแล้วกัน

[maawza]

ขยันหาของใหม่มาให้ลองเยอะๆนะ ดี ชอบ จะเข้ามาชมเรื่อยๆ

[ทิพย์ทิวา]

เราขอลองเอาไปใช้กับบล็อกของเราบ้างดีกว่า คงไม่ว่ากันนะ เอาไว้มาแลกเปลี่ยนกันทำ ใช้ของเราก็ได้นะ แต่ว่ายังทำไม่เสร็จ(แง่ว)

[i love you พังงาค่ะ]

พี่สาว สวยมากค่ะ น่ารัก แล้วยังเก่งด้วยง่ะ  ความสามารถ เยอะงี้อ่ะ มีแฟนยัง...................จ๊ะ   พี่เก่งงี้ขยันหาความรู้มาอัพอีกเยอะน้าค้า   น้องจะเข้ามาดูบ่อยๆน๊ะค๊ะ   เป็นกำลังใจให้ค่ะ  (8'}{'?).....