10月13日
กรอบ bg แบบมีสี
ผมอยากเขียนเรื่องนี้นานและ แต่ก็ยุ่งกับเรื่องเรียนจนลืมเรื่องนี้ และมันเป็นเทคนิคที่ง่ายนิดเดียว
อันนี้คือการเปลี่ยน bg ครับ คล้ายที่เราทำๆกันนั่นแหละ แต่อันนี้ง่ายกว่า กรอบจะเหมือนกับข้างล่างนี้เลย
<DIV style="BORDER-RIGHT: #ff0080 1px solid; PADDING-RIGHT: 14px; BORDER-TOP: #ff0080 1px solid; PADDING-LEFT: 14px; PADDING-BOTTOM: 14px; BORDER-LEFT: #ff0080 1px solid; PADDING-TOP: 14px; BORDER-BOTTOM: #ff0080 1px solid; BACKGROUND-COLOR: #f2dcdb">พิมข้อความที่นี่</DIV>
วิธีแก้
แก้ตัวฟ้า BACKGROUND-COLOR: #f2dcdb โค้ดสีตัวนี้ จะเปลี่ยนตรง ฉากหลังครับ
แก้ตัวแดง BORDER-RIGHT: #ff0080 1px solid; PADDING-RIGHT: 14px; BORDER-TOP: #ff0080 1px solid; PADDING-LEFT: 14px; PADDING-BOTTOM: 14px; BORDER-LEFT: #ff0080 1px solid; PADDING-TOP: 14px; BORDER-BOTTOM: #ff0080 1px solid โค้ดตัวนี้คือโค้ดกรอบนั่นเอง
แก้ในส่วน solid เป็นแบบอื่นก็ได้นะ เช่น
none dotted dashed solid double groove ridge inset outset
เพื่อนๆส่วนใหญ่คุ้นเคยกับมันดีครับ ผมขอผ่านเลยล่ะกัน
แก้ 1px ขยายความหนาของกรอบนั่นเอง แก้ได้4ที่ BORDER-RIGHT 1px BORDER-TOP 1px BORDER-LEFT 1px BORDER-BOTTOM 1px
ความจริงยังแก้ไขได้อีก เพื่อนๆก็ลองไปคลำๆดูเองแล้วกันครับ ไม่ยากเลย
credit by http://myrpsh.spaces.live.com