ให้เรตสมาชิก: 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



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เรื่องการ connect database
โดย bankbonkbank พ 20 มิ.ย. 2007 11:42 pm บอร์ด Programming - PHP
2
1904
พฤ 21 มิ.ย. 2007 4:08 am โดย bankbonkbank
สอบถามราคาค่าทำเว็บ Application หน่อยครับ
โดย lajlwm พ 20 มิ.ย. 2007 8:57 pm บอร์ด Programming - PHP
1
1886
พ 20 มิ.ย. 2007 9:21 pm โดย mindphp
justusers.net หายไป
โดย mindphp อ 19 มิ.ย. 2007 11:22 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
2326
อ 19 มิ.ย. 2007 11:22 pm โดย mindphp
การใช้ php แต่ละ Libary
โดย golangcom_return อ 19 มิ.ย. 2007 4:50 pm บอร์ด PHP News
1
2406
อ 19 มิ.ย. 2007 5:10 pm โดย mindphp
ปัญหาการส่งข้อมูลแบบลิ้งที่เป็นภาษาไทย
โดย 45830076 จ 18 มิ.ย. 2007 10:17 pm บอร์ด Programming - PHP
3
1693
จ 18 มิ.ย. 2007 11:35 pm โดย mindphp
ปัญหาเรื่อง session เมื่อเวลาlogin
โดย ตัวขี้เกียจ อ 17 มิ.ย. 2007 11:41 pm บอร์ด Programming - PHP
7
2371
พ 20 มิ.ย. 2007 9:35 pm โดย mindphp
เขียน firefox แล้วรูปไม่โชว์ให้แก้อย่างไรคับ
โดย Kobsoft อ 17 มิ.ย. 2007 8:20 pm บอร์ด Programming - PHP
2
1966
อ 17 มิ.ย. 2007 10:40 pm โดย mindphp
php session with html iframe Problem
โดย aekjung ศ 15 มิ.ย. 2007 10:44 pm บอร์ด Programming - PHP
4
2099
จ 18 มิ.ย. 2007 11:51 pm โดย mindphp
firefox กับปัญหาที่น่าปวดหมอง
โดย Kobsoft อ 12 มิ.ย. 2007 7:47 pm บอร์ด Programming - PHP
1
1677
อ 12 มิ.ย. 2007 8:06 pm โดย mindphp
การกำหนดสิทธิของสมาชิก ในเว็บที่สร้างขี้นเอง
โดย ตัวขี้เกียจ อ 12 มิ.ย. 2007 7:35 pm บอร์ด Programming - PHP
2
1748
อ 12 มิ.ย. 2007 7:53 pm โดย ตัวขี้เกียจ
อยากทราบการทำ blog โดยใช้ php
โดย simpleman อ 12 มิ.ย. 2007 5:04 am บอร์ด Programming - PHP
4
2275
อ 12 มิ.ย. 2007 9:20 am โดย simpleman
date&time
โดย niky_night อ 12 มิ.ย. 2007 1:44 am บอร์ด Programming - PHP
5
1870
อ 12 มิ.ย. 2007 8:10 pm โดย mindphp
อยากถามเรื่อง เว็บ Analytics ครับ
โดย JaY_ChoU จ 11 มิ.ย. 2007 1:48 am บอร์ด Programming - PHP
7
2235
อ 22 มี.ค. 2011 11:06 pm โดย auntoto
อย่ากหาคนสอน php ผ่านเนตอ่ะมีมั้ยครับ อยู่ไกล กทม
โดย prajoub อ 10 มิ.ย. 2007 6:11 pm บอร์ด Programming - PHP
1
1280
จ 11 มิ.ย. 2007 5:08 am โดย mindphp
การสร้างปุ่มที่ใช้ใน textarea
โดย Anonymous อ 10 มิ.ย. 2007 9:18 am บอร์ด HTML CSS
3
4309
ส 13 ต.ค. 2007 6:55 am โดย DispCom
จะทำยังไง ให้กรอกข้อมูลจากหน้า asp แล้วไปลงใน mysql ครับ
โดย Mario พฤ 07 มิ.ย. 2007 2:15 am บอร์ด Programming - PHP
1
1308
พฤ 07 มิ.ย. 2007 5:26 am โดย mindphp
ขอ Linkดาวโหลดบล็อก
โดย kunaruk พ 06 มิ.ย. 2007 10:58 pm บอร์ด Programming - PHP
2
1533
พฤ 07 มิ.ย. 2007 3:12 pm โดย kunaruk
เราจะ Block คำหยาบในกระทู้ เขียน ยังไงหรือคับ
โดย Mario พ 06 มิ.ย. 2007 6:04 pm บอร์ด Programming - PHP
5
2241
พฤ 07 มิ.ย. 2007 5:23 am โดย mindphp
mysql ติดต่อกับฐานข้อมูลยังไง
โดย wagu9kwang พ 06 มิ.ย. 2007 5:43 am บอร์ด SQL - Database
7
4054
อ 10 ก.ค. 2007 8:08 pm โดย mindphp
ติดตั้วphpBB2เสร็จเรียบร้อยแล้ว แต่เครื่องของคนอื่นเข้าไม่ได
โดย Mario อ 05 มิ.ย. 2007 7:55 pm บอร์ด Programming - PHP
8
2083
อ 05 มิ.ย. 2007 10:54 pm โดย mindphp