สอบถามเกี่ยวกับคำสั่ง span ทำให้ใช้ background ต่างกันได้ครั

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: phpbb, mindphp

ตอบกลับโพส
bew165
phpBBThailand Newbie
phpBBThailand Newbie
โพสต์: 2
ลงทะเบียนเมื่อ: 07 ก.ย. 2013, 11:52

สอบถามเกี่ยวกับคำสั่ง span ทำให้ใช้ background ต่างกันได้ครั

โพสต์ โดย bew165 »

สวัสดีครับ ขอถามเรื่อง css หน่อยครับ
ถ้าผมจะเปลี่ยน background ของ box-heading โดยเพิ่ม background สีเขียวเข้าไปใต้ข้อความ "ทดสอบ FreeBox"
ไม่ทราบว่าจะต้องแก้ หรือเพิ่มอะไรยังไงครับ ตอนนี้ผมทำได้แบบภาพที่ 1 ครับ
โดยใช้ background เป็นภาพจุด ๆ เรียง ๆ ต่อ ๆ กัน แต่ยังไม่สามารถเพิ่มสี่เหลี่ยมสีเขียวแบบภาพที่สองได้ครับ
รูปภาพ
โค้ดของภาพที่ 1 ครับ
.box .box-heading {
background: url('../image/bg_title.png') repeat left top scroll;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #FFF;
margin-bottom:1px
}
อันนี้เป็นโค้ดที่เอามาเป็นตัวอย่างครับ
.box-heading h3{
background:url(../image/default/bg_title.png) repeat left top scroll;
margin-bottom:1px
}

.box-heading h3 span {
background: #45a5a5;
color: #fff;
line-height: 29px;
display: inline-block;
zoom: 1;
*display: inline;
font-weight: 700;
padding: 0 25px 0 17px;
}
ลองใช้คำสั่ง span ตามตัวอย่างแล้วแต่มันก็ไม่เพิ่มให้ครับ
รบกวนช่วยหน่อยนะครับ
ขอบคุณครับ
ภาพประจำตัวสมาชิก
Baxter
phpBBThailand Newbie
phpBBThailand Newbie
โพสต์: 4
ลงทะเบียนเมื่อ: 16 ม.ค. 2016, 12:57

Re: สอบถามเกี่ยวกับคำสั่ง span ทำให้ใช้ background ต่างกันได้ครั

โพสต์ โดย Baxter »

ไม่ลองเพิ่ม width คุณสมบัติ เพื่อขยายความกว้างดูหละครับ
ภาพประจำตัวสมาชิก
Baxter
phpBBThailand Newbie
phpBBThailand Newbie
โพสต์: 4
ลงทะเบียนเมื่อ: 16 ม.ค. 2016, 12:57

Re: สอบถามเกี่ยวกับคำสั่ง span ทำให้ใช้ background ต่างกันได้ครั

โพสต์ โดย Baxter »

ไม่ลองใช้ width คุณสมบัติ เพื่อขยายความกว้างดูหล่ะครับ
ตอบกลับโพส

ย้อนกลับไปยัง

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

กำลังดูบอร์ดนี้: 11 และ บุคคลทั่วไป 0 ท่าน