CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย
Moderator: mindphp, ผู้ดูแลกระดาน
-
M034
- PHP Super Member
- โพสต์: 258
- ลงทะเบียนเมื่อ: 28/03/2016 10:21 am
-
ติดต่อ:
โพสต์ที่ยังไม่ได้อ่าน
โดย 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 (19.33 KiB) Viewed 3132 times
ศึกษาจากที่
บทที่ 2 CSS3 Borders ตอนที่ 2 ใส่เงาให้กรอบรูปภาพ พื้นหลังของภาพ style
-
-
- 25 ตอบกลับ
- 5520 แสดง
-
โพสต์ล่าสุด โดย ewqolf
06/02/2023 9:15 am
-
-
- 0 ตอบกลับ
- 2318 แสดง
-
โพสต์ล่าสุด โดย putcharaporn_tan
06/08/2015 1:36 pm
-
-
- 0 ตอบกลับ
- 2138 แสดง
-
โพสต์ล่าสุด โดย noppadonsk
04/12/2019 3:58 pm
-
-
- 8 ตอบกลับ
- 1952 แสดง
-
โพสต์ล่าสุด โดย ewqolf
01/02/2023 4:14 pm
-
-
- 4 ตอบกลับ
- 633 แสดง
-
โพสต์ล่าสุด โดย Thanapoom1514
29/08/2022 12:16 pm
-
-
- 0 ตอบกลับ
- 2119 แสดง
-
โพสต์ล่าสุด โดย abdkode
10/01/2019 7:11 pm
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 73