padding CSS การกำหนดระยะห่างจากภายใน Elements
บทความวันที่ 29 ธันวาคม 2555
คำสั่ง padding ของภาษา CSS มีไว้สำหรับการระบุระยะห่างจากกรอบของ Elements กับข้อมูลภายใน Elements ที่ต้องการ
ภาพรวมของคำสั่ง padding
1. คำสั่ง padding มีไว้สำหรับระบุระยะห่างจากกรอบกับข้อมูลภายใน Elements
2. ปกติใช้หน่วยเป็น px ในการกำหนดระยะห่าง เช่น 5px, 10px เป็นต้น
ตัวอย่างโปรแกรม
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>amplysoft.com รับเขียนเว็บ รับทำเว็บ เรียนเขียนโปรแกรม</title></head><body><style type="text/css">#box1 { border:solid 1px blue; padding:10px; clear:both; width:300px; margin:3px;}#box2 { border:solid 1px green; padding:20px; clear:both; width:300px; margin:3px;}</style><div id='box1'>Box 1 padding:10px</div><div id='box2'>Box 2 padding:20px</div></body></html> |
ผลลัพธ์
