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 3118 times
ศึกษาจากที่
บทที่ 2 CSS3 Borders ตอนที่ 2 ใส่เงาให้กรอบรูปภาพ พื้นหลังของภาพ style
-
-
- 25 ตอบกลับ
- 5363 แสดง
-
โพสต์ล่าสุด โดย ewqolf
06/02/2023 9:15 am
-
-
- 0 ตอบกลับ
- 2302 แสดง
-
โพสต์ล่าสุด โดย putcharaporn_tan
06/08/2015 1:36 pm
-
-
- 0 ตอบกลับ
- 2131 แสดง
-
โพสต์ล่าสุด โดย noppadonsk
04/12/2019 3:58 pm
-
-
- 0 ตอบกลับ
- 1094 แสดง
-
โพสต์ล่าสุด โดย Patipat
05/08/2019 5:34 pm
-
-
- 0 ตอบกลับ
- 430 แสดง
-
โพสต์ล่าสุด โดย pnut
11/10/2016 12:06 am
-
-
- 2 ตอบกลับ
- 495 แสดง
-
โพสต์ล่าสุด โดย pnut
11/10/2016 12:11 am
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 69