...

วันนี้เอาเรื่องเส้นๆมาลง คือ border น่ะแหละ

จะสอนเรื่องต่างๆก่อน จะเข้า Css เพราะถ้าไม่รู้ว่าคืออะไร จะงงๆนะ

ก่อนอื่น ขอบคุณ http://lemonice.exteen.com สำหรับข้อมูลเยอะแยะด้วยนะคะ

เส้นในCss เห็นได้บ่อยๆ เช่น

* สีของลิงค์ */
a:link, a:visited{
color:#B8D9EC;
border-bottom:1px dotted #B8D9EC;
text-decoration:none;
}
a:hover{
color:#B8D9EC;
border-bottom:1px solid #B8D9EC;

ส่วนที่เน้นหนา นั่นคือส่วนของโค้ดเส้นค่ะ

สามารถกำหนดความหนา(px) สี

และรูปแบบได้(ตรงที่เราเน้นสีเหลืองง่ะ เช่น พวกเส้นประ)

อันนี้เป็นเส้นใต้(border-bottom) มีอยู่5แบบมี เส้นบน เส้นซ้าย-ขวา เส้นใต้ และรอบทิศ

ตัวอย่าง

border-top:1px solid #B8D9EC; <<เส้นบน

border-left:1px solid #B8D9EC; <<เส้นซ้าย

border-right:1px solid #B8D9EC; <<เส้นขวา

border-bottom:1px solid #B8D9EC; <<เส้นใต้

border:1px solid #B8D9EC; <<รอบๆ(รอบทิศ)

ความหนา ปรับตรงนี่

ตัวอย่าง

border-bottom:1px solid #B8D9EC;

ส่วนเลขหน้า px (Pixels) ค่ายิ่งมากเส้นยิ่งหนา

รูปแบบ

border-bottom:1px solid #B8D9EC;

คือไอ้ที่เน้นนั่นแหละถ้าเปลี่ยน กรอบนอกก็จะเปลี่ยนรูปแบบได้

เช่นเส้นประ ฯลฯ ลองเปลี่ยนตัวที่เน้นเป็นตามนี้ แล้วจะได้เส้นแบบตามที่เลือกเอง

Dotted
.
None
.
Dashed
.
Solid
.
Double
.
Groove
.
Ridge
.
inset
.
outset

.
ก็ประการฉะนี้ค่ะ

นอกจากนี้ก็ไม่รู้อะไรมากค่ะ ลองใช้ความคิดสร้างสรรค์สลับดูเองน่อ

ขอเวลาทำ Lesson4 ซักพัก เพราะจะทำCssแล้ว...
.

Comment

Comment:

Tweet

บนยนนนนนนนนน
บลบลบบ

#21 By (110.78.178.13|172.16.2.63, 110.78.178.13) on 2015-04-11 12:36

#20 By (110.77.194.187|172.16.2.63, 110.77.194.187) on 2015-04-11 12:36

ขอบคุณมากๆเลยงับ =]

#19 By bel (124.122.104.157) on 2011-10-12 13:39

ขอบคุณมากค่ะ
งงอยู่ตั้งนานว่าจะทำเส้นประยังไง

#18 By pla on 2010-01-01 14:02

งงมากเลยอ่ะ

#17 By J.M.P---Moo-Moo on 2009-05-14 15:23

ว๊าว สุดยอดเลยค่า♥
ขอบคุณนะคะ!

#16 By Hakurairu,,* on 2009-05-14 00:36

ขอบคุณมากๆค่า ^^ Hot!

#15 By Kyuu on 2009-04-26 17:12

ขอคุงน๊าง๊าบบบ

^^b

อยากได้บล็อกแบบนี้จัง

#14 By X ii n g Z ii n g on 2008-04-16 15:28

อ่าขอบคุณมากๆเลย

บอร์ดนี้ทำให้บอร์ดเราดูดีขึ้น

ขอบคุณค่ะ

อย่าลืมเอา คอมเม้นมาลงนะค่ะ

#13 By Aizatsu on 2008-04-09 22:20

ขอบคุงมากเรยค่ะ
สอนเราได้มากจริงๆ
ขอบคุนค่ะๆๆๆๆ

#11 By CHOMPOO on 2007-04-21 23:11

ขอบใจนะที่ชอบตัวอักษรของเรา Blog คุณสอนเรื่องแต่งบอครึเปล่า เราทำไม่เป็นเท่าไหร่ ได้เก็บไว้เป็นวิทยาทานก็ดีเหมือนกันนะ บะบาย
บลอกยังน่ารักเหมือนเดิม ^^

ขอบคุณมากนะคะ
จะรอ lesson 4 ค่ะ

#9 By ZeileZ on 2006-12-03 16:11

ไอ่เน่าๆ แบร่ๆๆๆ งี่เง่าๆๆๆ

#8 By ChickenRunning..~* on 2006-12-02 21:47

โอ้ว ขอบคุณมักมากเลยค่า



จะลองไปเปลี่ยนนะบัดนี้เลยค่า อิอิ

#7 By || noinazama || on 2006-12-02 12:36

ขอบคุณค่า
มีประโยชน์สุดๆเลย
แต่ของเรา กว่าจำปล้ำให้ได้แบบนั้น ก็จะแย่แล้วค่ะ
กลัวไปแก้ๆอะไรมันแล้วพังอีกจัง
ขอบคุณค่ะ

ปกติได้แต่ก๊อบโค๊ตมาแล้วพลิกแพงเอาเอง

อิอิ

สีฟ้า แจ่ม

เหอเหอ... หนูแคนดี้โง่อ้ะ รู้จักแต่ปลาเส้น จะเอาไปแต่งบล๊อกได้ไหมเนี่ย

#4 By CaNDY CoME BaCK on 2006-12-02 00:11

บล็อกสีสวยจัง

ขอบคุณนะคะที่เราความรู้มาแบ่งปัน

#3 By หมาปุ๊ก on 2006-12-01 23:56

บล็อคสดใสดีจังนะคะ ขอบคุณสำหรับคอมเม้นต์นะคะ

#2 By BIOCSES on 2006-12-01 23:19

ขอยคุณค่ะ
แล้วอย่าลืมเอามาให้ดูกันอีกนะ

#1 By ~ Ka Ren ~ on 2006-12-01 21:44