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



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ขอเชิญชวนชาวจังหวัดน่าน ไม่จำกัดเพศและอายุ (นักเรียน, นักศึกษา, ผู้ประกอบการ และผู้สนใจทั่วไป)
โดย Natthida Wutthi ศ 06 เม.ย. 2018 5:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
162
ศ 06 เม.ย. 2018 5:05 pm โดย Natthida Wutthi
วิธีการกรอกหนังสือรับรองหัก ณ ที่จ่าย
โดย kanchanok พฤ 05 เม.ย. 2018 6:03 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
212
พฤ 05 เม.ย. 2018 6:03 pm โดย kanchanok
การใช้งาน Python GUI (Tkinter) : การสร้างรูปแบบส่วนโค้งโดยใช้ Coord
โดย Jom07 พฤ 05 เม.ย. 2018 5:08 pm บอร์ด Python Knowledge
0
168
พฤ 05 เม.ย. 2018 5:08 pm โดย Jom07
การบันทึกการขายใน SAP
โดย kanchanok พฤ 05 เม.ย. 2018 4:34 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
178
พฤ 05 เม.ย. 2018 4:34 pm โดย kanchanok
การบันทึกซื้อสินค้าใน SAP
โดย kanchanok พฤ 05 เม.ย. 2018 3:17 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
166
พฤ 05 เม.ย. 2018 3:17 pm โดย kanchanok
การเพิ่มข้อมูลหลักคู่ค้า
โดย kanchanok พฤ 05 เม.ย. 2018 2:22 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
146
พฤ 05 เม.ย. 2018 2:22 pm โดย kanchanok
การสำรองข้อมูลใน SAP - Backup & Restore ฐานข้อมูล ระบบ ERP
โดย kanchanok พฤ 05 เม.ย. 2018 1:30 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
160
พฤ 05 เม.ย. 2018 1:30 pm โดย kanchanok
ประโยชน์ในการใช้ SAP
โดย kanchanok พฤ 05 เม.ย. 2018 10:36 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
168
พฤ 05 เม.ย. 2018 10:36 am โดย kanchanok
ข้อดีข้อเสียของ SAP
โดย kanchanok พฤ 05 เม.ย. 2018 9:31 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
180
พฤ 05 เม.ย. 2018 9:31 am โดย kanchanok
อัตราภาษีหัก ณ ที่จ่าย
โดย kanchanok พ 04 เม.ย. 2018 2:58 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
169
พ 04 เม.ย. 2018 2:58 pm โดย kanchanok
ทำความรู้จักกับ adobe premiere (อะโบี้ พรีเมียร์)
โดย watcharin พ 04 เม.ย. 2018 2:29 pm บอร์ด Graphic design
0
149
พ 04 เม.ย. 2018 2:29 pm โดย watcharin
การเดินทางจากฉะเชิงเทราไปกรุงเทพ
โดย kanchanok พ 04 เม.ย. 2018 2:15 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
161
พ 04 เม.ย. 2018 2:15 pm โดย kanchanok
FAT คืออะไร
โดย watcharin อ 03 เม.ย. 2018 6:53 pm บอร์ด Share Knowledge
0
163
อ 03 เม.ย. 2018 6:53 pm โดย watcharin
การใช้งาน Python GUI (Tkinter) : Button Flash (การทำปุ่มกระพริบเมื่อกด)
โดย Jom07 อ 03 เม.ย. 2018 4:38 pm บอร์ด Python Knowledge
0
171
อ 03 เม.ย. 2018 4:38 pm โดย Jom07
ขอเชิญชวนชาวจังหวัดน่าน ไม่จำกัดเพศและอายุ เข้าร่วมการประกวดออกแบบ
โดย Natthida Wutthi อ 03 เม.ย. 2018 4:27 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
138
อ 03 เม.ย. 2018 4:27 pm โดย Natthida Wutthi
IQ และ EQ แตกต่างกันอย่างไร ??
โดย watcharin อ 03 เม.ย. 2018 4:22 pm บอร์ด Share Knowledge
0
146
อ 03 เม.ย. 2018 4:22 pm โดย watcharin
การใช้งาน Python GUI (Tkinter) : Cursors (การใช้เมาส์ชี้เป็นสัญลักษณ์ต่าง ๆ)
โดย Jom07 จ 02 เม.ย. 2018 6:22 pm บอร์ด Python Knowledge
0
144
จ 02 เม.ย. 2018 6:22 pm โดย Jom07
สอบถามเรื่อง users com fields ตัว fields values ไม่แสดงภาษาไทย
โดย amnad ส 31 มี.ค. 2018 11:47 pm บอร์ด Joomla Development
4
212
อ 01 เม.ย. 2018 8:05 pm โดย amnad
ทำความรู้จักกับ Adobe (อโดบี้) ว่ามีอะไรบ้าง
โดย watcharin ส 31 มี.ค. 2018 1:50 pm บอร์ด Graphic design
0
139
ส 31 มี.ค. 2018 1:50 pm โดย watcharin
Adobe Indesign คืออะไร
โดย watcharin ส 31 มี.ค. 2018 1:28 pm บอร์ด Graphic design
0
120
ส 31 มี.ค. 2018 1:28 pm โดย watcharin