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

您的位置:首頁技術文章
文章詳情頁

利用CSS3新特性創建透明邊框三角

瀏覽:640日期:2022-06-02 11:10:08

先來看一下效果,這在CSS3之前,完全是不可想象的,只有圖片才能做的到,但在HTML5和CSS3大行其道的今天,實現這種效果,那都不是事啊。

看一下實現的代碼:

<!DOCTYPE html><html><head><style type="text/css">/* 上三角 */.arrow-up { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid green;}/* 下三角 */.arrow-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid orange;}/* 右三角 */.arrow-right { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid blue;}/* 左三角 */.arrow-left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid silver;}</style></head><body> <div></div> <div></div> <div></div> <div></div></body></html>
標簽: CSS HTML
相關文章:
主站蜘蛛池模板: 欧美日韩影视 | 久久久久国产精品视频 | 国产精品99久久久久 | 国产又黄又猛又粗又爽 | 国产男女在线 | 人人干网站 | 午夜免费观看 | 欧美一区二区三区不卡 | 哪个网站可以看毛片 | 亚洲一区在线免费观看 | 自拍偷拍中文字幕 | 自拍毛片| 国产亚洲区 | 狠狠久久综合 | 亚洲男人的天堂网 | 久久久成人精品 | 免费成人深夜夜行网站 | 午夜肉体高潮免费毛片 | 欧美中文字幕在线 | 新超碰97 | 97在线视频观看 | 精品一区三区 | 热久久精品| 欧美黑人性猛交xxx 国产婷婷一区二区 | 日韩城人免费 | 国产精品96| 深夜成人福利视频 | 欧美在线视频一区二区 | 国产黄页 | 日本黄色xxx | 亚洲成人生活片 | 在线一区观看 | 香蕉视频网站在线观看 | 欧美三级在线 | 日韩在线你懂的 | 色婷婷婷婷| www.久久国产| 亚洲福利社| 日韩在线观看视频一区二区 | 亚洲v在线 | 天天干在线观看 |