樣式之文字下划線
- 第一
text-decoration: underline
;- 缺點是不好修改顏色 不要修改下划線的位置,優點就是一行代碼解決
- 可以使用
line-height: 20px
; 也能調整位置;
- 第二種更全面 使用span標簽而且不會變形
border-bottom: 2px solid #409eff
;padding-bottom: 5px
; - 第三種可以使用
box-shadow
模擬box-shadow: h-shadow
(必需 水平陰影位置,可負值)v-shadow
(必需 水平陰影位置,可負值)blur
(可選 模糊距離)spread
(可選 陰影大小)color
(可選 陰影顏色)inset
(可選 從外層的陰影(開始時)改變陰影內側陰影)box-shadow: 0 -1px #409eff inset
;
- 第四種可以用標簽的形式 使用u標簽如:
<u>下划線</u>