สนุกกับ 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 ก็ได้นะ ลองดู

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

 

 

 

 

บันทึกนี้เขียนที่ GotoKnow โดย  ใน สร้างสีสัน blog

คำสำคัญ (Tags)#ตัวอักษร#photoshop#css#border

หมายเลขบันทึก: 59756, เขียน: 15 Nov 2006 @ 00:11, แก้ไข, 06 Sep 2013 @ 17:37, สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ, ความเห็น: 6, อ่าน: คลิก
บันทึกล่าสุด


ความเห็น (6)

z e s t
IP: xxx.255.13.1
เขียนเมื่อ 15 Nov 2006 @ 09:07

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

นายโน้ต
IP: xxx.200.255.161
เขียนเมื่อ 15 Nov 2006 @ 12:34

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

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

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

maawza
เขียนเมื่อ 15 Nov 2006 @ 15:04

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

ทิพย์ทิวา
เขียนเมื่อ 17 Nov 2006 @ 15:27
เราขอลองเอาไปใช้กับบล็อกของเราบ้างดีกว่า คงไม่ว่ากันนะ เอาไว้มาแลกเปลี่ยนกันทำ ใช้ของเราก็ได้นะ แต่ว่ายังทำไม่เสร็จ(แง่ว)
i love you พังงาค่ะ
IP: xxx.172.169.5
เขียนเมื่อ 21 Dec 2006 @ 11:24
พี่สาว สวยมากค่ะ น่ารัก แล้วยังเก่งด้วยง่ะ  ความสามารถ เยอะงี้อ่ะ มีแฟนยัง...................จ๊ะ   พี่เก่งงี้ขยันหาความรู้มาอัพอีกเยอะน้าค้า   น้องจะเข้ามาดูบ่อยๆน๊ะค๊ะ   เป็นกำลังใจให้ค่ะ  (8'}{'?).....