บทที่ 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



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ตอนนี้ อินฟินิตี้ เค้ามีโปรโมชั่นใหม่ สามารถนำเครื่องเก่า ไปแลกเครื่องใหม่ ได้
โดย pleple22 จ 29 พ.ย. 2010 11:29 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1268
จ 29 พ.ย. 2010 11:29 am โดย pleple22 View Topic ตอนนี้ อินฟินิตี้ เค้ามีโปรโมชั่นใหม่ สามารถนำเครื่องเก่า ไปแลกเครื่องใหม่ ได้
.php กับ .php3 ต่างกันอย่างไรค่ะ
โดย Anonymous จ 29 พ.ย. 2010 11:13 am บอร์ด Programming - PHP
1
1460
อ 30 พ.ย. 2010 11:51 pm โดย mindphp View Topic .php กับ .php3 ต่างกันอย่างไรค่ะ
ดาวน์โหลด PTC Toolbars
โดย mindphp จ 29 พ.ย. 2010 2:47 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1306
จ 29 พ.ย. 2010 2:47 am โดย mindphp View Topic ดาวน์โหลด PTC Toolbars
ต้องการหาโปรแกรมเมอร์ โมดิไฟล์ script php อ่าครับ
โดย newkudo อ 28 พ.ย. 2010 7:32 pm บอร์ด MindPHP News & Feedback
2
1779
จ 29 พ.ย. 2010 1:49 pm โดย newkudo View Topic ต้องการหาโปรแกรมเมอร์ โมดิไฟล์ script php อ่าครับ
localhost/phpmyadmin เข้าไม่ได้ครับ ว่างปล่าว
โดย Anonymous อ 28 พ.ย. 2010 7:22 pm บอร์ด Programming - PHP
3
2387
พฤ 09 ธ.ค. 2010 11:18 am โดย phajvaj View Topic localhost/phpmyadmin เข้าไม่ได้ครับ ว่างปล่าว
ปัญหาการติดตั้งภาษาไทย
โดย Aloha456 อ 28 พ.ย. 2010 5:15 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
1528
อ 30 พ.ย. 2010 12:30 am โดย win7 View Topic ปัญหาการติดตั้งภาษาไทย
การแก้ปัญหา Warning: Cannot modify header information - headers already sent by
โดย Anonymous อ 28 พ.ย. 2010 2:56 pm บอร์ด Programming - PHP
0
2333
อ 28 พ.ย. 2010 2:56 pm โดย บุคคลทั่วไป View Topic การแก้ปัญหา Warning: Cannot modify header information - headers already sent by
คำสั่งแสดงผล ภาษาต่างๆ php jsp aspx perl โค้ด analytics สำหรับมือถือ
โดย win7 อ 28 พ.ย. 2010 2:35 pm บอร์ด Programming - PHP
0
1319
อ 28 พ.ย. 2010 2:35 pm โดย win7 View Topic คำสั่งแสดงผล ภาษาต่างๆ php jsp aspx perl โค้ด analytics สำหรับมือถือ