ง่ายๆ กับการใส่เส้นขอบข้อความ

 จะทำให้ข้อความอ่านง่ายและเด่นชัดขึ้น 

ช่วงนี้ดิฉันกำลังสนุกกับการสร้าง banner ค่ะ แรกๆ ที่หัดสร้างก็รู้สึกว่าตัวอักษรข้อความมันไม่ค่อยได้ดั่งใจเท่าไหร่(ความรู้ด้าน Photoshop น้อยนะค่ะ) เลยลองศึกษาเพิ่มเติมจากหนังสือ และถามเพื่อนๆ สนิทดู เลยได้รู้อะไรเพิ่มขึ้น และออกมาเป็นเจ้า banner ตัวนี้ล่ะค่ะ... แต่คิดว่าคงต้องเพิ่มไอเดียเข้าไปอีก เอาเป็นว่าวันนี้ดิฉันเอาวิธีการใส่เส้นขอบข้อความมาฝากก่อนก็แล้วกันนะค่ะ โดยดูวิธีการทำได้จาก ที่นี่ ค่ะ

ขอบคุณเพื่อนๆ ที่แสนใจดีค่ะ...

โค้ด CSS เพื่อใส่ banner ค่ะ

div#container {width: 810px;}
div#content2 {float: left; width: 579px;}
div#sidebar2 {float: right; width: 221px;}

body{
background: #FDFFFF;
background-image: url("/file/sawitree/bluebg.gif");
background-repeat: repeat-x;}

div#title{padding: 10px 4px 35px;   
font-size: medium;
color:#000000;      
background:#9b2542;  
background-image:url("/file/sawitree/banner2.gif");    

background-repeat:no-repeat;  

background-position:center center;   height:45px;}

  div#title span {display:none;}

 

บันทึกนี้เขียนที่ GotoKnow โดย 

 คำสำคัญ: banner howto 
 หมายเลขบันทึก: 60772
 เขียน:  
 ความเห็น:  อ่าน: คลิก 
 สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ
 แจ้งลบ
 
 แจ้งลบ

ความเห็น

ภาวิณี อินทฤทธิ์
เขียนเมื่อ Tue Nov 21 2006 00:15:15 GMT+0700 (ICT)

น่ารักดีนะคะ เด๋วขอลองเอาไปทำดูบ้างนะคะ

จอย
IP: xxx.123.3.214
เขียนเมื่อ Sun Jul 08 2007 17:11:42 GMT+0700 (ICT)

สวนสอนวิธีทำแบนเนอร์บ้างได้มั้ยค่ะ

อยากทำเองเป็นบ้างแล้วจะไปหาภาพสวยๆได้ทั่ไหนค่ะ

แนะนำด้วยน่ะค่ะ

ขอบคุณมากๆค่ะ

 อนุญาตให้แสดงความเห็นได้เฉพาะสมาชิก
 ไม่อนุญาตให้แสดงความเห็น
{{ kv.current_user.preferred_name }} - เพิ่มความเห็นเพิ่มความเห็น
 ใส่รูปหรือไฟล์
 
บันทึกก่อนนี้
บันทึกใหม่กว่า