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

css怎么寫新消息提示的紅點(diǎn),CSS實(shí)現(xiàn)新消息提示紅點(diǎn)

前端小編 5 0

在CSS中,我們可以使用多種方法來實(shí)現(xiàn)新消息提示的紅點(diǎn),以下是一種簡單的方法:

我們需要在HTML中創(chuàng)建一個(gè)用于顯示新消息的容器,

<div class="new-message-container">
  <p>這是一條新消息</p>
</div>

我們可以使用CSS來添加紅點(diǎn):

.new-message-container {
  position: relative;
}
.new-message-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}

在這個(gè)示例中,我們首先在.new-message-container上設(shè)置position: relative;,以便我們可以使用***定位來添加紅點(diǎn),我們使用::after偽元素來創(chuàng)建一個(gè)新的元素,并將其設(shè)置為***定位,我們?cè)O(shè)置紅點(diǎn)的寬度和高度為10px,并將其背景顏色設(shè)置為紅色,我們將紅點(diǎn)放置在容器的右上角,通過top: 0; right: 0;來實(shí)現(xiàn)。

這種方法可以實(shí)現(xiàn)新消息提示的紅點(diǎn)效果,而且代碼簡單易懂,我們還可以根據(jù)具體的需求進(jìn)行調(diào)整和優(yōu)化。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
欧美日韩中文一区| 色翁荡息又大又硬又粗又爽 | 国精产品一区一区三区四区| 《吃乳》在线播放| 人妻日韩一区二区三区| 大地资源二在线观看官网| av有码在线| 麻豆精品传媒一二三区入口| 出轨熟女人妻HD中文| 婷婷丁香激情五月天| 美女mm131爽爽爽免费动视频| 精品国产一区二区三区波多 | 啊灬啊灬啊灬快灬高潮了野外| 乱肉艳妇4~5集| 欧美精品 在线观看| 成人aaa片一区国产精品| japanese少妇高潮喷水| 熟女人妻五十路hd| 欧美内射网| 国产成人精品免高潮在线观看| 精品久久久久中文人妻被强| 国产精品综合亚洲av| 国产乱码精品一品二品| 成人性生交大片免费观看嘿嘿视频 | 人妻精品视频| 亚洲av乱码一区二区三区人人爱| 99精品女人在线观看免费视频| 久久久久久a亚洲欧洲aⅴ| 性中国熟妇videofreesexwww | 国产欧美日韩综合精品二区| 国产在线观看一区二区三区| av天堂一区二区| 欧美在线观看视频| 国产亚洲精品久久久久久| 精品美女久久| 脱了老师内裤猛进入在线播放| 91国内精品自线在拍白富美| free性丰满69性欧美复古| 欧美天堂精品久久久久久久噜噜噜| 大肉大捧一进一出免费视频网址| 日韩人妻一区二区三区蜜桃视频密|