</div> โค๊ตทำกล่อง html แบบต่างๆ การเพิ่มเงาให้ใส่โค้ดนี้ข้างบน" /> </div> โค๊ตทำกล่อง html แบบต่างๆ การเพิ่มเงาให้ใส่โค้ดนี้ข้างบน" />
วันอาทิตย์, 25 กันยายน 2565

โค้ด HTML ทำกล่องข้อความแบบง่ายๆ Box Shadows  ปรับแต่งใด้มากว่า10แบบ โค้ดเว็บ html

โค๊ต HTML ทำกล่องhtml Box Shadows และรูปแบบสีต่างๆ

 <div class=”shadow2″ style=”width:500px; height:50px; padding:5px; background:#3FBFBF; border: 1px solid black;”> </div>

โค๊ตทำกล่อง html แบบต่างๆ










การเพิ่มเงาให้ใส่โค้ดนี้ข้างบน

<style type=”text/css”>.shadow1{box-shadow: 5px 5px #818181;-webkit-box-shadow: 5px 5px #818181;-moz-box-shadow: 5px 5px #818181;filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);}</style>

การเปลี่ยนค่าต่างๆ โค้ด Html สวยๆ
#3FBFBF=สี
width=ความกว้าง
height=ความสูง
การเปลี่ยนให้เต็มความกว้างโดยใช้ width=100%
border=เส้นขอบ (เพิ่มขนาด) ตามด้วย solid =สีของเส้นขอบ
การใส่ข้อความ เพิ่ม <span style=”color: white; font-size: x-large;”>ข้อความ</span>
การเว็นช่องว่างระหว่างกล่อง ให้ใส่รหัสนี้ (หรือการเว้นช่องว่างบรรทัดใหม่) <div><br />
การเพิ่มสีให้กลับเงา ในส่วน  webkit-box-shadow

โค๊ตรหัสสีสวยๆสำหรับhtml

Color NameHexColor
AliceBlue#F0F8FF 
AntiqueWhite#FAEBD7 
Aqua#00FFFF 
Aquamarine#7FFFD4 
Azure#F0FFFF 
Beige#F5F5DC 
Bisque#FFE4C4 

เพิ่มเติม คุณสามารถใช้เครื่องมือสีได้ที่นี่ https://seo.bananawebtools.com/th/color-picker

คุณสามารถทดลองแก้ไข html โดยใช้เครื่องมือที่นี่ https://seo.bananawebtools.com/th/html-editor-online

โค้ดhtml ลูกเล่น ,โค้ดเว็บ html ฟรี ,รวมโค้ด html, โค๊ตต่างๆ,โค๊ดเว็บ,โค๊ต html ตกแต่งเว็บ, โค๊ด html รูปภาพ ,HTML code ไทย ,HTML code ,Html> tag ,โค้ด Html 2 โค้ด Html ประวัติส่วนตัว 3 โค้ด Html สวยๆ 4 โค้ด Html ตาราง 5 โค้ด Html ข้อความ 6 โค้ด Html ตัวอักษรวิ่ง 7 โค้ด Html สี 8 โค้ด Html วันที่ เวลา 9 โค้ด Html ใส่รูป 10 โค้ด Html รหัสผ่าน ,

โค้ด Html ข้อความ

thไทย