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

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

ช่วงนี้ดิฉันกำลังสนุกกับการสร้าง 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;}

 

[ภาวิณี อินทฤทธิ์]

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

[จอย]

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

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

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

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