บทความบทนำของ wulin.com (www.vevb.com): เรียนรู้เล็กน้อยของ HTML5+CSS3 ทุกวันสะสมประสบการณ์อย่างช้าๆและเริ่มต้นจากพื้นฐาน ส่วนใหญ่จะแนะนำการวาดปุ่มผู้เล่นอย่างง่าย
เรียนรู้ HTML5+CSS3 เล็กน้อยทุกวันสะสมประสบการณ์อย่างช้าๆและเริ่มต้นจากพื้นฐาน ต่อไปนี้ส่วนใหญ่แนะนำการวาดปุ่มผู้เล่นง่าย ๆ
ก่อนอื่นมาดูกันว่าเส้นขอบการตั้งค่ามีลักษณะอย่างไรเมื่อความกว้างและความสูงของ DIV เป็น 0?
รหัสมีดังนี้:
1
การเรนเดอร์การดำเนินการมีดังนี้:
ดังนั้นเราจะเห็นอะไรจากภาพนี้ได้ไหม?
ถ้าเราลบสามพรมแดนเราสามารถวาดรูปสามเหลี่ยมได้หรือไม่? คำตอบคือใช่ ด้วยรหัสเดียวคุณสามารถวาดรูปสามเหลี่ยม:
ผล:
ตอนนี้มันง่ายที่จะวาดปุ่มผู้เล่น เมื่อรวมกับเคล็ดลับของบันทึกการเรียนรู้และการปรับรหัสเล็กน้อยเพื่อวาดรูปสามเหลี่ยมด้านบนมันง่ายที่จะวาดปุ่มผู้เล่นสุดท้าย
รหัสมีดังนี้:
1
ปุ่มผู้เล่น
ผล:
สรุป: ตัวอย่างง่ายๆนี้ส่วนใหญ่ใช้การใช้พรมแดนเพื่อวาดรูปสามเหลี่ยมและแปลงเล็กน้อยเช่นการเปลี่ยนความกว้างของเส้นขอบหรือขนาดของ DIV เพื่อวาดกราฟิกพื้นฐานอื่น ๆ นอกจากนี้ยังใช้มุมโค้งมนเงาและการแปลงกราฟิกใน CSS3