ให้เรตสมาชิก: 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 คือค่าสีของเงา )

อ่านต่อ
{--mlinkarticle=2659--}บทที่ 2 CSS3 Borders ตอนที่1{--mlinkarticle--}
{--mlinkarticle=2681--}บทที่ 2 CSS3 Borders ตอนที่ 3{--mlinkarticle--}

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
แจกฟรี!! ปฏิทิน 2018 ประจำปีนักษัตรปีจอ
โดย Before Dong ศ 17 พ.ย. 2017 1:22 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
ศ 17 พ.ย. 2017 1:22 pm โดย Before Dong
สภาพหลังจากแก้ bug ของโปรแกรมเมอร์
โดย Before Dong ศ 17 พ.ย. 2017 10:06 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
28
ศ 17 พ.ย. 2017 10:06 am โดย Before Dong
ไฟฟ้าสถิต หรือ พรหมลิขิต
โดย Before Dong พฤ 16 พ.ย. 2017 10:15 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
46
พฤ 16 พ.ย. 2017 10:15 am โดย Before Dong
โปรแกรมไว้ สำหรับเชค ว่าไฟล์ ไหน บน Linux Ubuntu กำลังอ่านเขียนอยู่
โดย mindphp พ 15 พ.ย. 2017 2:56 pm บอร์ด Linux - Web Server
1
23
พ 15 พ.ย. 2017 3:57 pm โดย mindphp
อยากได้ระบบดีๆทุนก็ต้องหนาตามนะครับ
โดย Before Dong พ 15 พ.ย. 2017 10:51 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
112
พ 15 พ.ย. 2017 10:51 am โดย Before Dong
สอบถามเกี่ยวกับการกำหนด Title ในเว็บบอร์ด php BB
โดย AePongsak อ 14 พ.ย. 2017 4:33 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
2
30
อ 14 พ.ย. 2017 4:33 pm โดย AePongsak
สอบถามขอคำแนะนำการใช้เมนูครับ
โดย toonytoony2004 อ 14 พ.ย. 2017 1:29 pm บอร์ด Joomla Development
2
31
อ 14 พ.ย. 2017 1:29 pm โดย mindphp
เมื่อไปนำเสนอโปรแกรมที่บริษัทลูกค้า
โดย Before Dong อ 14 พ.ย. 2017 10:55 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
3
82
อ 14 พ.ย. 2017 10:55 am โดย konseo
เปรียบเทียบการแต่งตัว "ไปเที่ยวกับไปหาลูกค้า"
โดย Before Dong จ 13 พ.ย. 2017 11:14 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
318
จ 13 พ.ย. 2017 11:14 am โดย Before Dong
คำสั่งเช็ค Port บน Linux ว่า port ที่เราอยากรู้ถูกรันมาจากโปรแกรมอะไร ใช้ได้กับ Ubuntu
โดย mindphp อ 12 พ.ย. 2017 7:41 pm บอร์ด Linux - Web Server
1
54
อ 12 พ.ย. 2017 7:41 pm โดย mindphp
เช็ค Version python ใน windows 10 ได้ยังไงค่ะ
โดย thatsawan อ 12 พ.ย. 2017 6:21 pm บอร์ด Programming - C/C++ & java & Python
1
26
อ 12 พ.ย. 2017 6:21 pm โดย mindphp
เมื่อเห็นคนกำลังนั่งกินข้าว
โดย Before Dong ส 11 พ.ย. 2017 10:52 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
793
ส 11 พ.ย. 2017 10:52 am โดย konseo
วิธีการใช้ รูปแบบชุดคำสั่งภาษา go
โดย nuattawoot ศ 10 พ.ย. 2017 1:12 pm บอร์ด Programming - C/C++ & java & Python
0
40
ศ 10 พ.ย. 2017 1:12 pm โดย nuattawoot
กว่าจะมาเป็นผลงานสวยๆ
โดย Before Dong ศ 10 พ.ย. 2017 11:07 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
52
ศ 10 พ.ย. 2017 11:07 am โดย konseo
สอบถามเรื่อง Bootstrap Carousel
โดย บุคคลทั่วไป ศ 10 พ.ย. 2017 9:05 am บอร์ด Programming - PHP
1
44
ศ 10 พ.ย. 2017 9:05 am โดย บุคคลทั่วไป
Programmer ลุยกิน ลุยเที่ยว กับรีวิวการเดินทางจากดอนเมืองไปยังพิษณุโลก โดยสายการบินไทยไลอ้อนแอร์
โดย thatsawan พฤ 09 พ.ย. 2017 11:54 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
53
พฤ 09 พ.ย. 2017 11:54 pm โดย konseo
อยากได้สคริป Stock ครับ
โดย บุคคลทั่วไป พฤ 09 พ.ย. 2017 8:28 pm บอร์ด Free PHP Code Download script
1
58
พฤ 09 พ.ย. 2017 8:28 pm โดย บุคคลทั่วไป
ตำแหน่งของอาการปวดหัว
โดย Before Dong พฤ 09 พ.ย. 2017 1:25 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
314
พฤ 09 พ.ย. 2017 1:25 pm โดย Before Dong
เข้าหน้าเว็บเจอ ปัญหา ฐานข้อมูลรันไม่ได้ Inodb
โดย mindphp พ 08 พ.ย. 2017 9:07 pm บอร์ด Linux - Web Server
0
25
พ 08 พ.ย. 2017 9:07 pm โดย mindphp
สอบถามเกี่ยวกับหน้าเว็บที่แสดงบนมือถือมันไม่เหมาะสม
โดย AePongsak พ 08 พ.ย. 2017 5:13 pm บอร์ด Programming - PHP
2
62
พ 08 พ.ย. 2017 5:13 pm โดย AePongsak