ทำสีใส่ตัวหนังสือ Background Color และเส้น Border Color
เป็นการเปิดใช้ style ในแท็ก h1 เพื่อให้สีไปทับตัวหนังสือที่เราต้องการ
1 |
<h1 style="background-color:DodgerBlue;"> devtai.com HTML CSS CODE EDITOR </h1> |
เปลี่ยนสีได้ตามใจชอบ ด้วยการใส่ code สี ก็ได้
Border Color
ทำเส้นสีรอบๆ ตัวหนังสือแบบเก๋ๆ นะครับ ง่ายมากๆ
1 2 3 |
<h1 style="border:2px solid Tomato;"> devtai.com </h1> <h1 style="border:2px solid DodgerBlue;"> devtai.com </h1> <h1 style="border:2px solid Violet;"> devtai.com </h1> |
ลองดูกันนะครับ
code รวมนะครับ ก๊อปแล้วลองศึกษาปรับแต่งดูนะครับ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <body> <h1 style="background-color:#E74C3C;"> devtai.com HTML CSS CODE EDITOR </h1> <br> <h1 style="border:2px solid Tomato;"> devtai.com </h1> <h1 style="border:2px solid DodgerBlue;"> devtai.com </h1> <h1 style="border:2px solid Violet;"> devtai.com </h1> </body> </html> |
สนใจจ้างพัฒนาระบบ เขียนระบบ
ทำเว็บไซต์ รับสอนเขียนโปรแกรม
inbox มาที่เพจ หรือติดต่อ 098-373-8651
ช่องทางการชำระเงิน
เงินสด หรือ e-banking
ธนาคารกสิกรไทย
เลขบัญชี : 0951168564
ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก