การทำเว็บไซต์ให้เป็นสีเทาด้วย CSS
<style type=”text/css”>
body{
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
</style>
body{
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
</style>
การหมุนองศาของรูป
<style>
-webkit-transform: scale(1.1) rotate(2deg);
-moz-transform: scale(1.1) rotate(2deg);
-o-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
</style>
-webkit-transform: scale(1.1) rotate(2deg);
-moz-transform: scale(1.1) rotate(2deg);
-o-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
</style>
การทำ List Style แนวนอน
<style>
.class-name ul{
list-style: none;
}
.class-name ul li{
display: inline;
}
</style>
.class-name ul{
list-style: none;
}
.class-name ul li{
display: inline;
}
</style>
สร้าง Scrollbar ให้กับกล่องเนื้อหาด้วย CSS
<style>
.divbar {
width:505px;
height:500px;
overflow:scroll;
/*ที่เลื่อน*/
scrollbar-face-color:green;/*สีขอบด้านบน และด้านซ้าย ด้านใน*/
scrollbar-highlight-color:white;
.divbar {
width:505px;
height:500px;
overflow:scroll;
/*ที่เลื่อน*/
scrollbar-face-color:green;/*สีขอบด้านบน และด้านซ้าย ด้านใน*/
scrollbar-highlight-color:white;
/*สีขอบด้านล่าง และด้านขวา ด้านใน*/
scrollbar-shadow-color:white;
/*สีขอบด้านบน และด้านซ้าย ด้านนอก*/
scrollbar-3dlight-color:red;
/*สีขอบด้านล่าง และด้านขวา ด้านนอก*/
scrollbar-darkshadow-color:black;
/*ลูกศร*/
scrollbar-arrow-color:yellow;
/*พื้นด้านล่าง*/
scrollbar-track-color:gray;
}
</style>
จัดการย่อหน้าแรกให้กับข้อความด้วย CSS
<style>
text-indent: 1.5em;
</style>
text-indent: 1.5em;
</style>