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



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
หนังสือส่งมอบงาน +คู่มือ+วีดีโอ+Cheklist - อะเมริซีด อินเตอร์เนชัน แนล จำกัด
โดย M029 จ 16 ต.ค. 2017 3:53 pm บอร์ด อะเมริซีด อินเตอร์เนชัน แนล จำกัด
0
2
จ 16 ต.ค. 2017 3:53 pm โดย M029
Project Manager VS Developer - เมื่อต้อง set demo เว็บไซต์
โดย Before Dong จ 16 ต.ค. 2017 11:15 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1246
จ 16 ต.ค. 2017 11:15 am โดย Before Dong
แก้ปัญหา PGSQL FATAL: sorry, too many clients already.
โดย mindphp ส 14 ต.ค. 2017 1:35 am บอร์ด PostgreSQL
0
51
ส 14 ต.ค. 2017 1:35 am โดย mindphp
จะสร้าง FTP account ใน cpanel ยังไง พอมีวิธ๊แนะนำมั้ย
โดย บุคคลทั่วไป ศ 13 ต.ค. 2017 11:04 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
49
ศ 13 ต.ค. 2017 11:04 pm โดย บุคคลทั่วไป
อยากสอบถามวิธีการเพิ่ม user เข้าใช้งาน cpanel
โดย บุคคลทั่วไป ศ 13 ต.ค. 2017 10:49 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
65
ศ 13 ต.ค. 2017 10:49 pm โดย บุคคลทั่วไป
แก้ปัญหา ลบฐานข้อมูลใน PostgreSQL ด้วยคำสั่ง dropdb ไม่ได้
โดย mindphp ศ 13 ต.ค. 2017 9:10 pm บอร์ด PostgreSQL
1
45
ศ 13 ต.ค. 2017 9:10 pm โดย mindphp
Php. ไม่สามารถอ่านค่าที่ส่งมาจาก vb(c#)ได้
โดย Note Pookinghin พฤ 12 ต.ค. 2017 7:19 pm บอร์ด Programming - PHP
1
69
พฤ 12 ต.ค. 2017 7:19 pm โดย mindphp
วิธีการลดขนาดไฟล์รูปภาพ เพื่อประหยัดเนื้อที่การใช้งาน
โดย paoonline พฤ 12 ต.ค. 2017 6:30 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
87
พฤ 12 ต.ค. 2017 6:30 pm โดย paoonline
programmer ทำอะไรใด้บ้าง
โดย Mr nic พฤ 12 ต.ค. 2017 5:17 pm บอร์ด Programming - PHP
1
104
พฤ 12 ต.ค. 2017 5:17 pm โดย konseo
database คิออะไร
โดย Mr nic พฤ 12 ต.ค. 2017 5:15 pm บอร์ด Programming - PHP
1
74
พฤ 12 ต.ค. 2017 5:15 pm โดย Before Dong
ติดตั้ง Joomla จากไฟล์ที่ Clone มาไม่ได้ครับ
โดย Before Dong พฤ 12 ต.ค. 2017 5:14 pm บอร์ด Joomla Development
0
60
พฤ 12 ต.ค. 2017 5:14 pm โดย Before Dong
ซอฟต์แวร์ ดูแล บริหารร้านขาย และร้านเภสัชกร
โดย Worldmedic Wmdcare พฤ 12 ต.ค. 2017 4:47 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
85
พฤ 12 ต.ค. 2017 4:47 pm โดย Worldmedic Wmdcare
ตัวอย่างการสร้างระบบ Login ด้วยภาษา Python(ไพทอน) เบื้องต้น
โดย paoonline พฤ 12 ต.ค. 2017 11:42 am บอร์ด Python Knowledge
0
108
พฤ 12 ต.ค. 2017 11:42 am โดย paoonline
คุณเป็น "โปรแกรมเมอร์" ระดับไหนเวลาเจอปัญหา
โดย Before Dong พฤ 12 ต.ค. 2017 10:50 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
853
พฤ 12 ต.ค. 2017 10:50 am โดย ...
คำสั่ง restart GitLab
โดย mindphp พ 11 ต.ค. 2017 8:41 pm บอร์ด Linux - Web Server
1
52
พ 11 ต.ค. 2017 8:41 pm โดย mindphp
สอบถามเกี่ยวกับการ ให้สิทธิ์ ครับ
โดย ざけんなコラ一 พ 11 ต.ค. 2017 7:19 pm บอร์ด SQL - Database
2
95
พ 11 ต.ค. 2017 7:19 pm โดย ざけんなコラ一
สอบถามการใช้งาน Python Framwork Flask
โดย paoonline พ 11 ต.ค. 2017 5:33 pm บอร์ด Programming - C/C++ & java & Python
2
52
พ 11 ต.ค. 2017 5:33 pm โดย paoonline
แนะนำ การเข้าใช้งาน เว็บบอร์ด mindpph ด้วย FaceBook line และ ผู้บัญชีเดิม เพือเข้าระบบอัตโนมัต
โดย mindphp พ 11 ต.ค. 2017 4:16 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
50
พ 11 ต.ค. 2017 4:16 pm โดย konseo
เมื่อใช้ "น้องฝึกงาน" ให้ไป "สแกน" เอกสารให้
โดย Before Dong พ 11 ต.ค. 2017 10:55 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
2070
พ 11 ต.ค. 2017 10:55 am โดย konseo
โปรแกรมเมอร์ ทำไมถึงชอบปวดท้อง
โดย nuattawoot พ 11 ต.ค. 2017 10:52 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
82
พ 11 ต.ค. 2017 10:52 am โดย konseo