''

ลำดับตอนที่ #5 : ทดลอง

.head1 { background: #FFCCCC; } >>> เป็นสีของชื่อเรื่องค่ะ
.head2 {   background:#FFCCCC ; } >>> เป็นสีของหัวเรื่องย่อยค่ะ
table.story {  border-color:ffffff; }
span.desc_head {font-weight: bold;  color: #FF6699; } >>> เป็นสีตัวอักษรคำว่าแนะนำเรื่องแบบย่อๆ


<style>
body {
scrollbar-base-color: #FF66CC;
scrollbar-arrow-color: #FFCCFF;
scrollbar-3dlight-color: #FF66CC;
scrollbar-darkshadow-color: #FFCCFF;
scrollbar-face-color: #FF99CC;
scrollbar-highlight-color: #FF99CC;
scrollbar-shadow-color: #FFCCFF;
scrollbar-track-color: #FFCCFF;
}
</style>




table {background:#FF3399;border:none}  >>> สีเส้นตาราง

td {background:#FFCCCC;
border:none;}  >>> สีบีจีของคำอธิบย ตอนต่างๆของบทความ คอมเมนต์



A:hover {
color: #555; >>> สีอักษรตอนลิงค์
background:#FFCCFF; >>> สีพื้นหลังตอนลิงค์
border-bottom: 2px dotted  #FF6699; >>> สีของกรอบ รวมถึงลักษณะและความหนา (อันนี้ด้านล่าง)
border-top: 1px solid #FF6699; >>> สีของกรอบ รวมถึงลักษณะและความหนา (อันนี้ด้านบน)
}
A:active {color: #999999;} >>> สีตอนกดลิงค์


body {background-image: url(http://www.up2pic.com/images/p0qh0vdxjzqiymepwtt0.gif);
background-repeat:repeat;
background-position: center;
background-attachment:fixed} 



 BODY { BORDER-RIGHT: #FF0099  14px ridge; 
BORDER-TOP: #FF0099   14px   ridge;  
BORDER-LEFT: #FF0099 14px ridge; 
BORDER-BOTTOM: #FF0099 14px ridge  } 

   <style type="text/css">

    BODY{
           color: FF33FF; >>> สีของลิงค์
           font-family: Tahoma;
           font-size: 12pt;
   }
           a:link {text-decoration:none; color:#FF33FF; } >>>สีของลิงค์
           a:visited {text-decoration:none; color: #FF33FF; }  >>> สีของลิงค์ที่เข้าชมแล้ว
           a:active {text-decoration:none; color:#FF33FF; }  >>> สีตอนกดลิงค์
</style>