CSS3-2

การทำเว็บไซต์ให้เป็นสีเทาด้วย CSS

<style type=”text/css”>
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>

การทำ List Style แนวนอน

<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;

/*สีขอบด้านล่าง และด้านขวา ด้านใน*/
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>

จัดการกับ Cursor ใน CSS

css-custom-cursor