Best : 10 เทคนิค CSS ที่ใช้แล้วเว็บดูไฮโซขึ้น โอ้วแม่เจ้า!

style="border: 1px solid #ccc; padding: 5px;"

style="opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50"

.opa img {
filter:alpha(opacity=50);
opacity:0.5;}
.opa img:hover{
filter:alpha(opacity=100);
opacity:1;}

#box-table-a{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:20px;}
#box-table-a table{align:center;}
#box-table-a th{font-size:13px;font-weight:bold;background:#FCD496;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#000;padding:8px;}
#box-table-a td{background:#FEE4BF;border-bottom:1px solid #fff;color:#666;border-top:1px solid transparent;padding:8px;}
#box-table-a tr:hover td{background:#FF9231;color:#000;}

#newspaper-b{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;
text-align:left;border-collapse:collapse;border:1px solid #69c;margin:20px;}
#newspaper-b th{font-weight:bold;font-size:14px;color:#039;padding:15px 10px 10px;background:#d0dafd;}
#newspaper-b tbody{background:#e8edff;}
#newspaper-b td{color:#669;border-top:1px dashed #fff;padding:10px;}
#newspaper-b tbody tr:hover td{color:#339;background:#d0dafd;}

blockquote {
padding: 0 5% 0 10%;
font:1.5em serif;
color: #666;
}
blockquote:before, blockquote:after {
display: block;
font-size: 200%;
color: #ccc;
}
blockquote:before {
content: open-quote;
margin-left: -10%;
height: 0;
}
blockquote:after {
content: close-quote;
margin-left: 100%;
margin-top: -33px;
height: 33px; }

a.more-link {
	float:right;
	font-size: 16px;
	padding: 10px 20px;
	margin-top:30px;
	color: #fff;
        font-weight:bold;
	text-decoration: none;
        background-color:#3C4D93;
        display:block;
	clear:both;
}
a.more-link:hover {
	background-color:#666;
        display:block; }

body, td {
line-height:150%; }

legend{
font-size: 16px;
font-weight: bold;
color: #8E58A4;
padding:0px 3px;
}
fieldset{
display:inline;
width:300px;
margin-right:40px;
}

span.info {
display:block;
margin:15px 0;
padding:10px 10px 10px 65px;
background:url("../images/status-info.png") no-repeat scroll 10px 50% #D8E5F8;
border-bottom:3px solid #629DE3;
border-top:3px solid #629DE3;
color:#0055BB;
}

/* REQUIRED BUTTON STYLES: */       
button {
 position: relative;
 border: 0;
 padding: 0;
 cursor: pointer;
 overflow: visible; /* removes extra side padding in IE */
}
button::-moz-focus-inner {
 border: none;  /* overrides extra padding in Firefox */
}
button span {
 position: relative;
 display: block;
 white-space: nowrap;   
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 /* Safari and Google Chrome only - fix margins */
 button span {
 margin-top: -1px;
 }
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */       
button.submitBtn {
 padding: 0 15px 0 0;
 margin-right:5px;
 font-size:2em;
 text-align: center;
 background: transparent url(images/btn_blue_sprite.gif) no-repeat right -140px;
}
 
button.submitBtn span {
 padding: 13px 0 0 15px;
 height:37px;
 background: transparent url(images/btn_blue_sprite.gif) no-repeat left top;
 color:#fff;
}
 
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
 background-position: right -210px;
}
 
button.submitBtn:hover span, button.submitBtnHover span {
 background-position: 0 -70px;
}