所謂的介面樣式,就是更改一些用戶操作樣式,以提高用戶體驗。
語法 :
li { cursor : pointer; }
/*
cursor: default; 小白游標(默認)
cursor: pointer; 小手
cursor: move; 移動
cursor: text; 文本
cursor: not-allowed; 禁止
*/
設置或檢索在對向上移動的鼠標指針採用何種系統預定義的光標形狀。
給表單添加 outline : 0 ; 或者 outline : none; 樣式之後,就可以去掉默認的藍色邊框。
input { outline:none;}
實際開發中,我們文本域右下角是會設置成不可以拖曳的
textarea { resize:none;}
網頁中常見的一些三角形 可以直接使用CSS畫出來
選擇器 {
width: 0;
height: 0;
line-height: 0; /*為了改善兼容性問題*/
font-size:0; /*為了改善兼容性問題*/
border: 100px solid transparent;
border-top: 100px solid salmon;
}