css ใส่เงาให้กรอบรูปภาพ พื้นหลังของภาพ style

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: css ใส่เงาให้กรอบรูปภาพ พื้นหลังของภาพ style

css ใส่เงาให้กรอบรูปภาพ พื้นหลังของภาพ style

โดย M034 » 05/04/2016 3:32 pm

กำหนดรูปแบบของกรอบภาพหรือกล่องข้อความ โดยกำหนด

โค้ด: เลือกทั้งหมด

<head>
<meta charset="UTF-8"/>
<style>
div{
width:300px; /*กำหนดความกว้าง*/
height:100px; /*กำหนดความสูง*/
background-color:red; /*กำหนดสีให้พื้นหลัง*/
box-shadow:10px 15px 5px #888888; /*กำหนดเงา โดยใช้คำสั่ง box:shadow 10px เป็นการกำหนดเงาทางด้านขวาของกล่อง15px เป็นการกำหนดเงาด้านล่าง และ 5px เป็นการกำหนดความสว่างของเงา*/
</style>
</head>
<body>
  <div>ข้อความในกล่อง</div>
</body>
ผลลัพธ์
Selection_180.png
Selection_180.png (19.33 KiB) Viewed 3116 times
ศึกษาจากที่ บทที่ 2 CSS3 Borders ตอนที่ 2 ใส่เงาให้กรอบรูปภาพ พื้นหลังของภาพ style

ข้างบน