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

Post by M034 »

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

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 1847 times
ศึกษาจากที่ บทที่ 2 CSS3 Borders ตอนที่ 2 ใส่เงาให้กรอบรูปภาพ พื้นหลังของภาพ style
  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: Google [Bot] and 5 guests