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



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
[Extension phpBB3.1.1] qrLogin Extention เป็นการล็อคอินโดยใช้บาร์โคดในการเเสกนเข้าสู่ระบบ
โดย จันนุสรณ์ ดีแก่ จ 07 ม.ค. 2019 12:23 pm บอร์ด phpBB 3.1 Extension Review
0
19
จ 07 ม.ค. 2019 12:23 pm โดย จันนุสรณ์ ดีแก่
ว่าด้วยพายุปาบึก
โดย จันนุสรณ์ ดีแก่ จ 07 ม.ค. 2019 12:17 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
41
จ 07 ม.ค. 2019 12:17 pm โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] Topic Description Extension หัวข้อย่อย เป็นการเพิ่มคำอธิบายหัวข้อเพิ่มเติม
โดย จันนุสรณ์ ดีแก่ จ 07 ม.ค. 2019 10:41 am บอร์ด phpBB 3.1 Extension Review
0
16
จ 07 ม.ค. 2019 10:41 am โดย จันนุสรณ์ ดีแก่
อยากกทราบวิธีการแก้ไข ที่เกิดขึ้นจากการตอบกลับโพส บน phpbb
โดย Ittichai_chupol ส 05 ม.ค. 2019 5:23 pm บอร์ด Programming - PHP
4
70
อ 08 ม.ค. 2019 2:12 am โดย Phakkhaphong Phaetchaiyo
อยากทราบวิธีการแก้ไขปัญหา การแสดงรูปในตอนแชร์ facebook
โดย Ittichai_chupol ศ 04 ม.ค. 2019 6:59 pm บอร์ด Programming - PHP
0
93
ศ 04 ม.ค. 2019 6:59 pm โดย Ittichai_chupol
ความซับซ้อนของรหัสผ่าน คืออะไร ตัวอย่างการตั้งค่าความซับซ้อนของรหัสผ่านสำหรับผู้ดูแลระบบหรือแอดมิน
โดย จันนุสรณ์ ดีแก่ ศ 04 ม.ค. 2019 4:58 pm บอร์ด phpBB user Guide Knowledge
0
32
ศ 04 ม.ค. 2019 4:58 pm โดย จันนุสรณ์ ดีแก่
ตัวอย่างการตั้งความยาวของรหัสผ่าน สำหรับผู้ดูแลระบบหรือแอดมิน ตัวอย่างและวิธีการทำ
โดย จันนุสรณ์ ดีแก่ ศ 04 ม.ค. 2019 12:15 pm บอร์ด phpBB user Guide Knowledge
0
33
ศ 04 ม.ค. 2019 12:15 pm โดย จันนุสรณ์ ดีแก่
B - ยกเลิกรับสินค้าไม่ได้
โดย thatsawan ศ 04 ม.ค. 2019 11:52 am บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
ศ 04 ม.ค. 2019 11:52 am โดย thatsawan
[Extension phpBB3.1.1] Right Header Image Extension เป็นการเพิ่มรูปภาพส่วนหัวของฟอรัมด้านขวา
โดย จันนุสรณ์ ดีแก่ ศ 04 ม.ค. 2019 11:26 am บอร์ด phpBB 3.1 Extension Review
0
37
ศ 04 ม.ค. 2019 11:26 am โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] Styles Carbon Extension คาร์บอนเป็นสไตล์ที่มีลักษณะสีเทาดำเข้ม
โดย จันนุสรณ์ ดีแก่ ศ 04 ม.ค. 2019 10:31 am บอร์ด phpBB 3.1 Extension Review
0
30
ศ 04 ม.ค. 2019 10:31 am โดย จันนุสรณ์ ดีแก่
วิธีการดึงคำอธิบาย(Built-in)ของ class(คลาส) หรือ Function(ฟังก์ชั่น) ข้าม Function ใน Python
โดย ธวัชชัย แสนหาญ ศ 04 ม.ค. 2019 10:15 am บอร์ด Programming - C/C++ & java & Python
0
33
ศ 04 ม.ค. 2019 10:15 am โดย ธวัชชัย แสนหาญ
เมื่อการกระทำและคำพูดไม่ช่วยอะไรเลย
โดย จันนุสรณ์ ดีแก่ ศ 04 ม.ค. 2019 9:13 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
44
ศ 04 ม.ค. 2019 9:13 am โดย จันนุสรณ์ ดีแก่
วิธีการแก้ไข ปัญหา จากการอัพโหลด git
โดย Ittichai_chupol พฤ 03 ม.ค. 2019 6:54 pm บอร์ด Programming - PHP
1
38
พฤ 03 ม.ค. 2019 7:04 pm โดย Ittichai_chupol
เมื่อลืมรหัสผ่าน คุณสามารถ เข้าระบบได้ วิธีแก้ปัญหาและการเข้าระบบ
โดย จันนุสรณ์ ดีแก่ พฤ 03 ม.ค. 2019 4:04 pm บอร์ด phpBB user Guide Knowledge
0
51
พฤ 03 ม.ค. 2019 4:04 pm โดย จันนุสรณ์ ดีแก่
การตั้งค่าบอร์ดโดยการอนุญาตให้ผู้อื่นส่งข้อความส่วนตัวมาหาได้ สำหรับสมาชิก
โดย จันนุสรณ์ ดีแก่ พฤ 03 ม.ค. 2019 2:25 pm บอร์ด phpBB user Guide Knowledge
2
62
ศ 04 ม.ค. 2019 6:37 pm โดย จันนุสรณ์ ดีแก่
ตัวปัญหา
โดย จันนุสรณ์ ดีแก่ พฤ 03 ม.ค. 2019 1:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
47
พฤ 03 ม.ค. 2019 5:16 pm โดย บุคคลทั่วไป
[Extension phpBB3.1.1] Collapsible Forum Categories Extension การย่อขยายขนาดของฟอรัม
โดย จันนุสรณ์ ดีแก่ พฤ 03 ม.ค. 2019 1:13 pm บอร์ด phpBB 3.1 Extension Review
0
21
พฤ 03 ม.ค. 2019 1:13 pm โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] mChat Extensionเป็นการแชทรูปแบบหนึ่งในข้อความออนไลน์
โดย จันนุสรณ์ ดีแก่ พฤ 03 ม.ค. 2019 11:15 am บอร์ด phpBB 3.1 Extension Review
0
28
พฤ 03 ม.ค. 2019 11:15 am โดย จันนุสรณ์ ดีแก่
การกำหนดรหัสผ่านใหม่ (password) สำหรับผู้ดูแลระบบ พร้อมตัวอย่างและวิธีการตั้งค่า
โดย จันนุสรณ์ ดีแก่ พ 02 ม.ค. 2019 3:03 pm บอร์ด phpBB user Guide Knowledge
0
49
พ 02 ม.ค. 2019 3:03 pm โดย จันนุสรณ์ ดีแก่
วิธีการเปลี่ยนชื่อผู้ใช้ สำหรับผู้ดูแลระบบ พร้อมตัวอย่างและขั้นตอนการเปลี่ยนชื่อ
โดย จันนุสรณ์ ดีแก่ พ 02 ม.ค. 2019 2:21 pm บอร์ด phpBB user Guide Knowledge
0
32
พ 02 ม.ค. 2019 2:21 pm โดย จันนุสรณ์ ดีแก่