午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

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

html - 圖片的左上角顯示 【推薦】、【熱銷】標(biāo)簽的效果,使用Css 如何實(shí)現(xiàn)呢?

瀏覽:219日期:2023-01-23 17:32:23

問題描述

問題解答

回答1:

一般使用絕對定位來解決

<p class='parent'><span class='text'>推薦</span><p class='triangle-topleft'></p> </p> .parent{position: relative;width: 200px;height: 200px; } .parent .text{display: inline-block;transform: rotate(-45deg);padding: 20px;color: #fff; } .triangle-topleft{width: 0;height: 0;border-top: 100px solid red;border-right: 100px solid transparent;position: absolute;top: 0;z-index: -1; }回答2:

<!DOCTYPE html><html><head> <title></title></head><body><style type='text/css'> .main_img{ display: block; width: 90%; height: 4.954em; position: relative; overflow: hidden; margin-left: 0.742em; margin-top: 0.8em;}.main_img .new{ width: 3.25em; height: 3.25em; position: absolute; top: 0; left: 0; background-size: 3.25em 3.25em; background: url(http://m.lobo666.com/Public/image/main/new.png) no-repeat center;}</style><p class='main_img'> <!-- <a href='http://www.leifengta.com.cn/index.php/Home/Detail/index/id/364.html'> --> <a href='http://www.leifengta.com.cn/index.php/Home/Detail/index/id/364/aid/100004.html'> <img src='http://lobo.lobo666.com/Uploads/Building/61772d6d46.jpg'> </a> <!-- <p></p> --> <p class='new'></p> </p></body></html>

標(biāo)簽: HTML
主站蜘蛛池模板: 黄页网站在线播放 | 国产精品视频久久久久久久 | 久久久天天 | 色婷婷777777仙踪林 | 亚洲色图片区 | 男女国产视频 | 成人午夜精品 | 99国产精品99久久久久久粉嫩 | 成人av福利 | 欧美日韩综合视频 | 91麻豆制片厂 | 久久久精品免费观看 | 成人在线观看免费 | 天天干天天做 | 毛片一级片 | 成人a在线观看 | 国产视频精品在线 | 午夜黄色网 | 一区二区三区av | 欧美黄色大片视频 | 国产福利小视频在线观看 | 亚洲国产成人91porn | 天天艹夜夜艹 | 毛片黄片免费看 | 久久天堂精品 | 日韩欧美综合视频 | 亚洲视频a | 亚洲综合涩 | 方子传在线观看 | 国产午夜视频在线 | 免费a级黄色片 | 波多野结衣午夜 | 久草视频国产 | 免费福利在线 | 99久久99久久精品免费 | 中文字幕在线观看二区 | 久久婷婷激情 | 国产欧美一区二区精品性色 | 久久影视中文字幕 | 国产日韩在线免费观看 | 国产黄频在线观看 |