用於建立乙個偽元素,作為已選中元素的最後乙個子元素,配合content的屬性為該元素新增修飾內容,該修飾內容屬於虛擬內容,預設為行內元素;
:after 寫在css中為標籤之後新增新的內容;
::after寫在html中的元素之後,增添新的內容;
都可以用來表示偽類物件,用來設定物件前後的內容;
注意點
元素設定浮動後,父元素和父元素的兄弟元素的布局都會受到影響,為避免這種浮動帶來的影響,必須要清除浮動
xx:after
lang
="en"
>
>
charset
="utf-8"
>
>
玻璃劃過title
>
rel=
"stylesheet"
href
="day_5.css"
>
head
>
>
class
="box"
>
>
白光劃過h1
css白光劃過效果
在知乎上看到一位大牛賣 web開發實戰 自己花幾塊錢來學習,可能大部分會一樣。貼上來只是供自己以後學習,和自己的一些見解 題目要求實現一張,滑鼠移到上面有白光劃過,先貼html css height box height box img 新增白光 height box before height b...
CSS滑鼠劃過背景漸變效果
所有的按鈕或鏈結,當滑鼠劃上去後背景色會慢慢改變 在所有的按鈕或鏈結上加上transition樣式 針對不同的瀏覽器寫不同的transition。火狐是 moz transition,ie是 ms transition,opera是 o transition。transition backgroun...
CSS3 按鈕閃光劃過效果
製作這個效果之前,我們得了解transform,transition,linear gradient這些屬性的用法。定義與用法 transform屬性應用於元素的2d或3d轉換。這個屬性允許你將元素旋轉,縮放,移動,傾斜等。在這個效果裡面主要用到了旋轉rotate。transition 屬性設定元素...