前端學習： CSS 使用者介面樣式,vertical-align 屬性應用
阿新 • • 發佈：2020-12-18
什麼是介面樣式
所謂的 介面樣式 ，就是更改一些使用者操作樣式，以便提高更好的使用者體驗。- 更改使用者的滑鼠樣式
- 表單輪廓
- 防止表單域拖拽
滑鼠樣式 cursor
<ul> <li style="cursor: default;">我是預設的小白滑鼠樣式</li> <li style="cursor: pointer;">我是滑鼠小手樣式</li> <li style="cursor: move;">我是滑鼠移動樣式</li> <li style="cursor: text;">我是滑鼠文字樣式</li> <li style="cursor: not-allowed;">我是滑鼠禁止樣式</li> </ul>
輪廓線 outline
給表單新增 outline: 0; 或者 outline: none; 樣式之後，就可以去掉預設的藍色邊框。input {outline: none; }防止拖拽文字域 resize
實際開發中，我們文字域右下角是不可以拖拽的。textarea{ resize: none;}vertical-align 屬性應用
vertical-align : baseline | top | middle | bottom
圖片、表單和文字對齊
圖片、表單都屬於行內塊元素，預設的 vertical-align 是基線對齊。
此時可以給圖片、表單這些行內塊元素的