中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css中::before如何使用

發布時間:2022-03-16 11:23:02 來源:億速云 閱讀:576 作者:小新 欄目:web開發

這篇文章主要為大家展示了“css中::before如何使用”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“css中::before如何使用”這篇文章吧。

  html代碼:

  <pclass="note">

  使用::before偽元素插入的圖像無法調整大小,它們會按原樣插入,因此你必須在使用前調整圖像大小。

  </p>

  <pclass="note">

  使用::before偽元素插入的圖像無法調整大小,它們會按原樣插入,因此你必須在使用前調整圖像大小。

  </p>

  <pclass="note">

  使用::before偽元素插入的圖像無法調整大小,它們會按原樣插入,因此你必須在使用前調整圖像大小。

  </p>

  css代碼:

  p.note{

  font-style:italic;

  color:grey;

  }

  p.note::before{

  content:"注意:";

  color:red;

  }

  效果圖:

  1.jpg

  以上代碼段,我們使用類.note來設置文本段落的樣式。使用::before偽元素,為每個段落都會插入字符串“注意:”。在這種情況下你所要做的只是給出一個定義為.note類的任何文本段落,并使用CSS設置樣式,段落將自動添加一個前綴“注意:”。

  2、content:counter()

  ::before內容也可以是counter()。以計數器函數的形式出現,counter()或counters()用于樣式列表。

  3、content:“”

  ::before內容還可以留空。空的偽元素可用于清除元素中的浮點數。例如,使用::before和::after連用清除浮動。

  4、::before偽元素設置樣式

  ::before偽元素可以像任何其他內容一樣設置樣式,比如:它可以浮動,定位甚至動畫。(注:在所有瀏覽器中都不能使用動畫偽元素。有關詳細信息,請參閱下面的瀏覽器支持部分。)

  綜合示例:創建幾何圖形---八點星

  效果圖如下:

  2.jpg

  html代碼:

  <divclass="container">

  <divclass="element"></div>

  </div>

  css代碼:

  .container{

  margin:40pxauto;

  max-width:700px;

  }

  .element{

  width:200px;

  height:200px;

  background-color:#009966;

  opacity:.8;

  position:relative;

  margin:100pxauto;

  }

  在.element類里定義一個背景顏色為#009966的正方形,為幾何圖形提供前四個點。

  使用`opacity`屬性使元素及其偽元素都是半透明的,以便更好地可視化兩者在演示中的位置。通過移除不透明度值,我們可以看到完全不透明的八點星

  .element:before{

  position:absolute;

  content:"";

  display:block;

  width:100%;

  height:100%;

  background-color:#009966;

  opacity:.8;

  -webkit-transform:rotateZ(45deg);

  transform:rotateZ(45deg);

  }

  對該元素的偽元素進行樣式化以獲得與其父元素(.element)相同的高度和寬度,將其絕對定位在其父元素的頂部,然后旋轉45度,形成八點星。

以上是“css中::before如何使用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

广西| 阿克| 海门市| 大竹县| 浦北县| 象山县| 吉水县| 屯留县| 马龙县| 新建县| 日喀则市| 旬阳县| 内乡县| 永宁县| 大渡口区| 卢湾区| 黔东| 新民市| 休宁县| 高台县| 海盐县| 百色市| 罗平县| 丘北县| 白城市| 铜山县| 新密市| 南丰县| 全椒县| 嵊州市| 台南县| 台南市| 永宁县| 怀集县| 当涂县| 乌兰县| 鄂尔多斯市| 东乌珠穆沁旗| 柳林县| 翁牛特旗| 内江市|