how to change mouse pointer into cursor icon when you hover

1.pointer {
2  cursor: pointer;
3}

1li {
2cursor: pointer;
3}

1/* I am using buttion id test. You can use whatever you want*/
2/* If you want default cursors, use */
3#test:hover{
4  cursor: pointer /* etc*/;
5}
6/* If you want custom cursors, use */
7#test:hover{
8  cursor: url(default.png) /* the default is your photo*/;
9}

1<style type="text/css">
2	button.btn1:hover{
3cursor: pointer;
4	}
5</style>
6<button class="btn1" >hover me</button>