ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 2 CSS3 Borders ตอนที่ 2
2.การใส่เงาให้กรอบภาพ (ใช้ได้กับทุกบราวเซอร์)

<html>
<head>
<style> 
div
{width:300px;
height:100px;
background-color:yellow;
-moz-box-shadow: 10px 10px 5px #888888; /* Old Firefox */
box-shadow: 10px 10px 5px #888888;}
</style>
</head>
<body>

<div>กล่องข้อความของฉัน</div>

</body>
</html>

ผลลัพธ์คือ

  คำอธิบาย
 -width:300px; (ขนาดความกว้างของกล่องข้อความ)
  -height:100px;(ขนาดความสูงของกล่องข้อความ)
  -background-color:yellow;(สีของกล่องข้อความ)
  -box-shadow:0px 40px 5px #888888; (0px คือระยะห่างระหว่างกล่องข้อความกับเงา ไปทางด้านขวา ,40px คือระยะห่างระหว่างกล่องข้อความกับเงา ลงด้านล่าง ,#888888 คือค่าสีของเงา )

อ่านต่อ
บทที่ 2 CSS3 Borders ตอนที่1
บทที่ 2 CSS3 Borders ตอนที่ 3

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
checkbox พร้อมกรองจำนวน
โดย Ittichai_chupol พ 19 ก.ย. 2018 5:49 pm บอร์ด Programming - PHP
0
10
พ 19 ก.ย. 2018 5:49 pm โดย Ittichai_chupol
การทำแผ่นรองเมาส์สำหรับวัยทำงานแบบง่าย
โดย Ittichai_chupol พ 19 ก.ย. 2018 4:53 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
พ 19 ก.ย. 2018 4:53 pm โดย Ittichai_chupol
การทำข้าวขย้ำกล้วย ให้เด็ก อายุ 3 - 6 เดือน
โดย Ittichai_chupol พ 19 ก.ย. 2018 4:51 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
พ 19 ก.ย. 2018 4:51 pm โดย Ittichai_chupol
สถานที่ท่องเทียวน่าสนใจ อุทยานแห่งชาติน้ำตกพลิ้ว จังหวัดจันทบุรี
โดย Ittichai_chupol พ 19 ก.ย. 2018 4:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
พ 19 ก.ย. 2018 4:48 pm โดย Ittichai_chupol
R - mod_jshopping_shipping_method โมดูลการจัดส่งสินค้า
โดย pprn พ 19 ก.ย. 2018 4:42 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
4
พ 19 ก.ย. 2018 4:42 pm โดย pprn
การจัดเตรียมแปลงเพาะผักไร้ดิน แบบแปลงน้ำไม่ไหลเวียน
โดย Ittichai_chupol พ 19 ก.ย. 2018 4:25 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
พ 19 ก.ย. 2018 4:25 pm โดย Ittichai_chupol
การเพาะปลูกผักสลัดแบบไร้ดิน
โดย Ittichai_chupol พ 19 ก.ย. 2018 4:19 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
พ 19 ก.ย. 2018 4:19 pm โดย Ittichai_chupol
Q- ไม่สามารถพิมพ์ข้อความลงบน Google chrom ได้
โดย tatiya พ 19 ก.ย. 2018 12:36 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
30
พ 19 ก.ย. 2018 1:02 pm โดย tatiya
VDO - การทำงานของโปรแกรมเมอร์และการอัพเดทงานในเเต่ละวัน
โดย prakon พ 19 ก.ย. 2018 11:56 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
0
4
พ 19 ก.ย. 2018 11:56 am โดย prakon
การเดินทางจากเพชรบุรี มา กรุงเทพฯ
โดย Ittichai_chupol พ 19 ก.ย. 2018 11:39 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
พ 19 ก.ย. 2018 11:39 am โดย Ittichai_chupol
งานประจำวันที่ 19 กันยายน 2561
โดย Ittichai_chupol พ 19 ก.ย. 2018 11:03 am บอร์ด M070 - อิทธิชัย ชูผล
3
20
พ 19 ก.ย. 2018 7:08 pm โดย Ittichai_chupol
Work's on Hand อิทธิชัย ชูผล M070
โดย Ittichai_chupol พ 19 ก.ย. 2018 11:01 am บอร์ด M070 - อิทธิชัย ชูผล
0
5
พ 19 ก.ย. 2018 11:01 am โดย Ittichai_chupol
งานประจำวันที่ 19 กันยายน 2561
โดย muneela พ 19 ก.ย. 2018 10:57 am บอร์ด M068 - มุนีลา หมัดบาซา
1
10
พ 19 ก.ย. 2018 7:08 pm โดย muneela
งานประจำวันที่ 19 กันยายน 2561
โดย pprn พ 19 ก.ย. 2018 10:21 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
12
พ 19 ก.ย. 2018 7:15 pm โดย pprn
งานประจำวันที่ 19 กันยายน 2561
โดย tai14 พ 19 ก.ย. 2018 10:00 am บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
1
3
พ 19 ก.ย. 2018 7:02 pm โดย tai14
งานประจำวันที่ 19 กันยายน 2561
โดย prakon พ 19 ก.ย. 2018 9:53 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
10
พ 19 ก.ย. 2018 10:01 am โดย prakon
งานประจำวันที่ 19 กันยายน 2561
โดย tatiya พ 19 ก.ย. 2018 9:26 am บอร์ด M065 - ตติยะ นาชัย
1
6
พ 19 ก.ย. 2018 8:29 pm โดย tatiya
B - ระบบแสดงยอดสต็อค On Hand ของ product set ไม่ถูกต้อง
โดย rinrada พ 19 ก.ย. 2018 8:36 am บอร์ด Hachanna - Testter
0
9
พ 19 ก.ย. 2018 8:36 am โดย rinrada
งานประจำวันที่ 18 กันยายน 2561
โดย muneela อ 18 ก.ย. 2018 10:22 am บอร์ด M068 - มุนีลา หมัดบาซา
1
8
อ 18 ก.ย. 2018 7:08 pm โดย muneela
B - ไม่ปรากฏในแดชบอร์ดคำสั่งซื้อที่ส่ง [2018-09][006]
โดย muneela อ 18 ก.ย. 2018 10:14 am บอร์ด Hachanna - Testter
2
15
อ 18 ก.ย. 2018 6:00 pm โดย muneela