国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么把文字放在圖片上面,CSS文字圖片疊加,實(shí)現(xiàn)文字在圖片上的放置

前端小編 6 0

CSS中可以使用相對定位(relative positioning)或***定位(absolute positioning)將文字放置在圖片上面。

相對定位是指將元素相對于其正常位置進(jìn)行定位,而***定位則是將元素相對于瀏覽器窗口進(jìn)行定位。

以下是一個使用相對定位將文字放在圖片上面的示例:

<div style="position: relative;">
  <img src="image.jpg" style="width: 100px; height: 100px;">
  <div style="position: absolute; top: 0; left: 0;">
    這是一段文字
  </div>
</div>

在這個示例中,圖片被設(shè)置為相對定位,而文字則被設(shè)置為***定位,***定位的元素會覆蓋在相對定位的元素上面。top: 0; left: 0; 將文字放置在圖片的左上角。

你也可以使用***定位將文字放置在圖片的其他位置,

<div style="position: relative;">
  <img src="image.jpg" style="width: 100px; height: 100px;">
  <div style="position: absolute; top: 20px; left: 30px;">
    這是一段文字
  </div>
</div>

在這個示例中,文字被放置在圖片的右上角,距離圖片邊緣20像素和30像素。

使用***定位時(shí),元素的位置是相對于瀏覽器窗口的,而不是相對于其父元素,即使你改變了父元素的位置,***定位的元素也會保持在相同的位置。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
亚洲精品3区| 91精品国产欧美一区二区成人| 欧美日韩在线观看一区二区| 国产农村妇女精品一区二区| 花房姑娘电视剧免费看| 亚洲精品熟妇| 天天射综合网站| 午夜精品小视频| 国产乱码一区二区三区| av有一部女的奶头超级大| 麻豆日产六区| 极品人妻VIDEOS人妻| 中国人的毛片| 久久99亚洲精品久久99果冻| 全部孕妇毛片非满孕妇孕交| 国产v欧美v亚洲v精品v| 日韩内射美女人妻一区二区三区| 国产精品毛片无遮挡| 蜜臀av在线一区| 国产69精品久久久久观看黑料| 狂飙全集完整版高清免费看| 啊灬啊灬啊灬快灬高潮校花| 人妻内射一区二区三区| 久久久18禁一区二区三区精品 | 99精品视频在线观看免费| 久久久天堂国产精品女人| 精品人妻午夜一区| 欧美性受xxxx黑人xxxy爽| av动漫免费在线观看| 少妇高潮久久久久久古代| 乱人妻系列1~100| 国产午夜福利一区二区| 我的丰满岳乱妇免费| 尹人在线大香蕉| 成人av番号网| 亚洲国产精品99| 97精品一区二区视频在线观看| 蜜桃av一区二区| free性白嫩少妇xxxxhd| 人人妻久久| 人妻和黑人做爰猛烈电影|