av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - css 三角形缺口,

瀏覽:92日期:2023-01-08 10:24:52

問(wèn)題描述

如圖:javascript - css 三角形缺口,

這個(gè)三角形缺口是透明的,請(qǐng)問(wèn)咋個(gè)實(shí)現(xiàn)

大家請(qǐng)注意問(wèn)題的關(guān)鍵,三角形能看見(jiàn)后面的背景

問(wèn)題解答

回答1:

我之前的做法是在導(dǎo)航欄上弄弄多一行小小幾px高的p的全是白色背景被選中的那個(gè)背景為一種透明“有缺口白色背景”圖片

回答2:

p { width: 0; height: 0; border: 10px solid #fff; border-top-color: transparent;}回答3:

透明的三角形大概是做不出來(lái)的。

但你可以做兩個(gè)白色的梯形,留出中間那個(gè)三角形的位置就行了。

回答4:

用border修飾實(shí)現(xiàn)三角形,想要透明用rgba

p{

width: 0;height: 0;border: 10px solid transparent;border-top-color: rgba(0,0,0,0.4)

}

回答5:

頁(yè)面地址發(fā)出來(lái),研究一下就知道了

回答6:

同意小U醬的說(shuō)法,我也只想到這一個(gè)辦法:javascript - css 三角形缺口,

——————————————華麗的分割線———————————————用rotate做出來(lái)的效果:javascript - css 三角形缺口,

回答7:

p::before { content: ''; display: block; position: absolute; bottom: 0; left: -10px; width: 20px; /*自己調(diào)*/ border: 10px solid transparent; border-bottom-color: white;}p::after { content: ''; display: block; position: absolute; bottom: 0; right: -10px; width: 88px; /*自己調(diào)*/ border: 10px solid transparent; border-bottom-color: white;}

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 在线观看中文字幕 | 久草免费福利 | 91porn成人精品| 亚洲啊v在线 | 国产美女在线播放 | eeuss国产一区二区三区四区 | 亚洲精品成人网 | 欧美日本韩国一区二区 | 精品国产乱码久久久久久图片 | 香蕉视频一区二区 | 国产精品不卡一区 | 日韩成人精品一区二区三区 | 在线观看国产精品一区二区 | 国产成人福利 | 福利一区在线观看 | 精品国产欧美 | 免费一二区 | 亚洲免费高清 | 91精品国产综合久久久动漫日韩 | 国产伦精品一区二区三区视频金莲 | 国产精品一区在线观看 | 一区二区中文字幕 | 青青久久av北条麻妃海外网 | 国产精品久久久久久久久免费桃花 | 亚洲视频一区二区三区 | 91视频在线网站 | 热re99久久精品国99热观看 | 综合久久久 | 精国产品一区二区三区 | 午夜精品久久久久久久星辰影院 | www.99热这里只有精品 | 无码一区二区三区视频 | 精品视频一区二区三区在线观看 | 自拍 亚洲 欧美 老师 丝袜 | 成人免费精品视频 | 高清人人天天夜夜曰狠狠狠狠 | 国产午夜亚洲精品不卡 | 亚洲国产一区二区三区在线观看 | 免费网站国产 | 日韩免费视频一区二区 | 久久高清|