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

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

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

M034
PHP Super Member
PHP Super Member
โพสต์: 258
ลงทะเบียนเมื่อ: 28/03/2016 10:21 am
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย M034 »

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

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

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

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 69