ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 2 CSS3 Borders ตอนที่ 1
   borders (เส้นขอบ) ความพิเศษของ CSS3 นี้คือสามารถทำเส้นขอบโค้ง , ใส่เงาให้กับกรอบภาพ , และใช้รูปภาพทำเป็นกรอบ
ตัวอย่าง
 1.การทำขอบโค้ง (ใช้ได้กับทุกบราวเซอร์)
การทำขอบโค้งนี้ใน CSS2 นั้นทำได้ค่อนข้างยาก ต่างกับ CSS3 ที่ทำได้ง่ายกว่า

<html>
<head>
<style> 
div
{ border:8px solid #e6d45a;
padding:20px 80px; 
background:#67c8d7;
width:100px;
border-radius:45px; }
</style>
</head>
<body>

<div>กล่องข้อความของฉัน</div>

</body>
</html>

ผลลัพธ์คือ

*คำอธิบาย
  -border:8px solid #e6d45a;  (8px คือขนาดเส้นขอบ ,#e6d45a คือสีของเส้นขอบ ในที่นี่อาจใส่เป็นชื่อสีภาษาอังกฤษ หรือใส่เป็นค่าตามตัวอย่างก็ได้)
  -padding:20px 80px; (ขนาดของกรอบ สูง x ยาว)
  -width:100px; (ความยาวของข้อความในแต่ละบรรทัด)
  -background:#67c8d7; (สีของกล่องข้อความ)
  -border-radius:45px; (ขนาดมุมของกล่องข้อความ)
  -<div>กล่องข้อความของฉัน</div> (เเท็กข้อความ)

 อ่านต่อ
บทที่ 2 CSS3 Borders ตอนที่ 2
บทที่ 2 CSS3 Borders ตอนที่ 3



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ช่วยดูโค๊ดให้หน่อยครับ
โดย nutt อ 29 มิ.ย. 2008 4:11 pm บอร์ด Programming - PHP
1
694
อ 01 ก.ค. 2008 11:44 pm โดย S-PHP
เวลาลงสินค้าอยากให้สินค้าที่ลงล่าสุดมาอยู่อันดับแรก - Joomla
โดย Jj2007 อ 29 มิ.ย. 2008 5:34 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
3
1825
อ 29 มิ.ย. 2008 11:32 pm โดย mindphp
ช่วยทีครับ งงเกี่ยวกับฟังก์ชั่น
โดย sololord ส 28 มิ.ย. 2008 6:29 pm บอร์ด Programming - PHP
1
685
ส 28 มิ.ย. 2008 8:45 pm โดย mindphp
แนะนำ หน่อยค่ะ กำลังจะทำโปรเจ็ค
โดย -DarLing- ส 28 มิ.ย. 2008 4:02 am บอร์ด Programming - PHP
3
940
อ 29 มิ.ย. 2008 6:03 am โดย mindphp
ช่วยดูเรื่อง sessionที่ส่งออกไปกับเรื่องเวลาให้ทีครับ
โดย tomtomtom ศ 27 มิ.ย. 2008 7:13 pm บอร์ด Programming - PHP
1
885
ศ 27 มิ.ย. 2008 8:21 pm โดย mindphp
sessionที่ส่งออกไปภาษาไทยมันเหมือนเข้ารหัสทำอย่างไรถึงจะอ่าน
โดย tomtomtom ศ 27 มิ.ย. 2008 7:09 pm บอร์ด Programming - PHP
1
999
ศ 27 มิ.ย. 2008 8:20 pm โดย mindphp
การset ค่า sql server2005 ช่วยด้วยคับ ติดต่อไม่ได้
โดย kenz ศ 27 มิ.ย. 2008 4:32 pm บอร์ด SQL - Database
7
2589
อ 01 ก.ค. 2008 2:27 am โดย mindphp
**ช่วยด้วยครับ** การหาผลรวมของเวลา ในฐานข้อมูลอะครับ
โดย wat_rukawa ศ 27 มิ.ย. 2008 6:23 am บอร์ด SQL - Database
3
2101
ส 28 มิ.ย. 2008 7:09 am โดย mindphp
Session ID ใช้ทำอะไรได้บ้าง
โดย chonlatee ศ 27 มิ.ย. 2008 5:06 am บอร์ด Programming - PHP
1
840
ศ 27 มิ.ย. 2008 4:31 pm โดย mindphp
เกี่ยวกับการ refresh ด้วยเองครับ
โดย oxygenyoyo ศ 27 มิ.ย. 2008 2:26 am บอร์ด Programming - PHP
1
924
ศ 27 มิ.ย. 2008 4:36 pm โดย mindphp
เกี่ยวกับฟังก์ชัน date()
โดย kamseandet พฤ 26 มิ.ย. 2008 11:29 pm บอร์ด Programming - PHP
1
1008
ศ 27 มิ.ย. 2008 4:24 pm โดย mindphp
สอบถามเรื่องการทำ blog ครับ
โดย tingtopa พฤ 26 มิ.ย. 2008 10:08 pm บอร์ด Programming - PHP
2
1038
ศ 27 มิ.ย. 2008 8:04 pm โดย tingtopa
ผมมีลิงค์สอน joomla+phpbb บัญชีผู้ใช้ร่วมกัน แต่ทำไม่ถูก
โดย tormixer พฤ 26 มิ.ย. 2008 7:36 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
5
3252
พฤ 12 ส.ค. 2010 5:14 pm โดย mindphp
ผมเจอปัญหา กับการใช้ mysql ตัวหนังสือภาษาอักฤษตัวนี้ " 's "
โดย authapun พฤ 26 มิ.ย. 2008 6:49 pm บอร์ด Programming - PHP
1
1086
ศ 27 มิ.ย. 2008 4:20 pm โดย mindphp
มีปัญหากับภาษาไทย
โดย hyde4fun พฤ 26 มิ.ย. 2008 5:30 pm บอร์ด Programming - PHP
3
1016
อ 29 มิ.ย. 2008 6:17 pm โดย mindphp
อยากได้ code upload
โดย LP_fon พฤ 26 มิ.ย. 2008 5:04 pm บอร์ด Programming - PHP
2
2319
ส 28 มิ.ย. 2008 8:57 am โดย ob1
อยากได้โค้ดเว็บบอร์ดคราบ
โดย ricky พฤ 26 มิ.ย. 2008 3:56 pm บอร์ด Programming - PHP
4
2773
ศ 27 มิ.ย. 2008 4:28 pm โดย mindphp
subdomain
โดย LP_fon พ 25 มิ.ย. 2008 5:44 pm บอร์ด Programming - PHP
1
744
พ 25 มิ.ย. 2008 8:16 pm โดย mindphp
insert array
โดย aa_aa พ 25 มิ.ย. 2008 5:11 pm บอร์ด SQL - Database
1
1590
พ 25 มิ.ย. 2008 8:09 pm โดย mindphp
database ของร้านขายขายเท้า
โดย chonlatee พ 25 มิ.ย. 2008 5:17 am บอร์ด SQL - Database
1
1929
พ 25 มิ.ย. 2008 6:35 am โดย mindphp