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

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

M034
PHP Super Member
PHP Super Member
Posts: 258
Joined: 28/03/2016 10:21 am
Contact:

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

Postby M034 » 05/04/2016 3:32 pm

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

Code: Select all

<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 1537 times

ศึกษาจากที่ บทที่ 2 CSS3 Borders ตอนที่ 2 ใส่เงาให้กรอบรูปภาพ พื้นหลังของภาพ style

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 16 guests