CSS使用者介面樣式

學習中的小菜鳥.發表於2020-12-09

更改使用者的滑鼠樣式

語法 :

li { cursor: pointer; }

屬性值 :

  • default : 預設
  • pointer : 小手
  • move : 移動
  • text : 文字
  • not-allowed : 禁止

輪廓線 outline

給表單新增 outline : 0; 或者 outline : none; 樣式之後, 就可以去掉預設的藍色邊框.

防止拖拽文字域 resize

語法 :

textarea{resize: none;}

vertical-align 屬性應用

  • 使用場景 : 經常用於設定圖片或者表單和文字垂直對齊, 它只針對行內元素或者行內塊元素有效
    語法 :
vertical-align : baseline | top | middle | bottom

引數 :
在這裡插入圖片描述

解決圖片底部預設空白縫隙問題

  • 給圖片新增 vertical-align:middle | top | bottom 等.