常用的css小妙招,建議新手收藏

2021-10-12 19:10:24 字數 1668 閱讀 2099

input修改游標顏色

<

input

type

="number"

>

input

div背景透明色

<

div>

背景顏色

<

/div

>

div

文字隱藏,只會隱藏內容,不會影響元素

<

div>

文字隱藏

<

div>

div

讓元素內容閃爍

<

divclass

="div"

>

閃爍<

/div

>

.div

@keyframes

div50

%100

%}

邊框陰影

<

div>

邊框陰影

<

/div

>

div

文字陰影

<

divclass

="div1"

>

白色文字的陰影效果

<

/div

>

<

divclass

="div2"

>

霓虹燈效果的文字陰影

<

/div

>

.div1

.div2

背景不鋪滿,自由控制

<

div>

背景不鋪滿,自由控制

<

/div

>

div

文字超出隱藏

<

divclass

="div1"

>

文字顯示一行,一行之後溢位隱藏

<

/div

>

<

divclass

="div2"

>

多行文字,

<

/div

>

.div1

.div2//

核心overflow

:hidden

;text-overflow

:ellipsis

;white-space

:nowrap

;

清除不是數字js正則

let

arr=

'2.1.3ssa 阿松大'

console

.log

(arr

.replace(/

[^\d]/

g,"")

)

文字超出不換行,可滑動

overflow-y

:hidden

;overflow-x

:auto

;white-space

:nowrap

;

PHP面試常用的幾種演算法(建議收藏)

1.氣泡排序,對像可以是陣列 function bubble sort array for i 0 i count i return array 快速排序,物件可以是陣列 function quick sort array key array 0 left arr array right arr a...

mysql中常用到的時間函式,建議收藏

昨天 select date add curdate interval 1 day 本月1號 select date format now y m 01 本年1號 select date sub curdate interval dayofyear now 1 day 昨天 select date ...

常用的css小技巧

li first child li last child li nth child 4 width 200px word break break all text overflow ellipsis display webkit box 物件作為伸縮盒子模型顯示 webkit box orient ...