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



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - ไม่สามารถเพิ่มหมวดหมู่เพื่อปริ้น barcode ได้ครับ [2018-08][001]
โดย AePongsak จ 06 ส.ค. 2018 10:51 am บอร์ด Hachanna - Testter
10
40
ศ 10 ส.ค. 2018 2:38 pm โดย AePongsak
งานประจำวันที่ 06 สิงหาคม 2561
โดย Lamduan จ 06 ส.ค. 2018 10:15 am บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
1
25
จ 06 ส.ค. 2018 7:09 pm โดย Lamduan
งานประจำวันที่ 6 กรกฏาคม 2561
โดย prakon จ 06 ส.ค. 2018 10:15 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
20
จ 06 ส.ค. 2018 4:30 pm โดย prakon
งานประจำวันที่ 6 สิงหาคม 2561
โดย pprn จ 06 ส.ค. 2018 10:12 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
21
จ 06 ส.ค. 2018 7:18 pm โดย pprn
งานประจำวันที่ 6 สิงหาคม 2561
โดย tatiya จ 06 ส.ค. 2018 10:10 am บอร์ด M065 - ตติยะ นาชัย
1
7
จ 06 ส.ค. 2018 7:20 pm โดย tatiya
ตั้งค่าในส่วนของcomponent joomshoppingแล้วขึ้นerror
โดย mook2LRC1 อ 05 ส.ค. 2018 12:27 pm บอร์ด Joomla Development
4
63
อ 05 ส.ค. 2018 2:08 pm โดย mook2LRC1
สอบถามการหาค่า เดือนกับปีครับ
โดย mollyclick อ 05 ส.ค. 2018 12:12 pm บอร์ด Programming - PHP
0
69
อ 05 ส.ค. 2018 12:12 pm โดย mollyclick
บทความพรีเซ้นต์
โดย Lamduan ส 04 ส.ค. 2018 7:09 pm บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
0
11
ส 04 ส.ค. 2018 7:09 pm โดย Lamduan
Q-สิ่งที่อยากทราบฟังก์ชั่น Suppiler Invoice
โดย Lamduan ส 04 ส.ค. 2018 6:55 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
10
อ 14 ส.ค. 2018 10:11 am โดย Lamduan
ค่ารับรองทำอย่างไรไม่ให้เป็นรายจ่ายต้องห้าม
โดย Lamduan ส 04 ส.ค. 2018 6:36 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
39
ส 04 ส.ค. 2018 6:36 pm โดย Lamduan
ความแตกต่างระหว่าง ภ.ง.ด.50 กับ ภ.พ.30
โดย Lamduan ส 04 ส.ค. 2018 6:22 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
30
ส 04 ส.ค. 2018 6:22 pm โดย Lamduan
ฺB - ช่องเซ็นชื่อในใบ Voucher ที่ออกจากระบบตกไปหน้า 2
โดย taemmynatchapon ส 04 ส.ค. 2018 2:30 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
7
ส 04 ส.ค. 2018 3:02 pm โดย thatsawan
ตัวช่วยในการสร้างสไลด์โชว์ในหน้าเว็บไซต์ใน Joomla
โดย Parichat ส 04 ส.ค. 2018 1:32 pm บอร์ด PHP News
0
39
ส 04 ส.ค. 2018 1:32 pm โดย Parichat
งานประจำวันที่ 04 สิงหาคม 2561
โดย Lamduan ส 04 ส.ค. 2018 9:46 am บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
1
14
ส 04 ส.ค. 2018 7:15 pm โดย Lamduan
งานประจำวันที่ 4 สิงหาคม 2561
โดย tatiya ส 04 ส.ค. 2018 9:46 am บอร์ด M065 - ตติยะ นาชัย
1
8
ส 04 ส.ค. 2018 7:40 pm โดย tatiya
นโยบายการบัญชี
โดย taemmynatchapon ศ 03 ส.ค. 2018 6:08 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
36
ศ 03 ส.ค. 2018 6:08 pm โดย taemmynatchapon
มาทำความรู้จักกับ Word Cloud
โดย tatiya ศ 03 ส.ค. 2018 5:55 pm บอร์ด Python Knowledge
0
55
ศ 03 ส.ค. 2018 5:55 pm โดย tatiya
B - ใบเสร็จรับเงินที่ออกจากระบบรูปแบบไม่ถูกต้อง
โดย taemmynatchapon ศ 03 ส.ค. 2018 5:17 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
19
อ 07 ส.ค. 2018 6:01 pm โดย thatsawan
B - ไม่สามารถสร้างรายการ Quotationได้
โดย taemmynatchapon ศ 03 ส.ค. 2018 4:49 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
11
ส 04 ส.ค. 2018 2:55 pm โดย thatsawan
คู่มือการใช้งาน สรุป scope + หนังสือส่งมอบงาน วีดีโอ
โดย mindphp ศ 03 ส.ค. 2018 12:53 pm บอร์ด สิริกิตติรัตน์ (Main)
0
7
ศ 03 ส.ค. 2018 12:53 pm โดย mindphp