首頁 > web前端 > html教學 > html选中三角遮盖_html/css_WEB-ITnose

html选中三角遮盖_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:51:44
原創
931 人瀏覽過

如题
图片效果该怎么做好?我原本想用css做个三角再旋转.但看着不好看, 中间有白线,而且IE下边框很难看.有没什么好点的方法做的?


回复讨论(解决方案)

<style> li{position:relevate;border:2px solid #ddd;}li i{bottom: -2px;display: block;height: 9px;position: absolute;right: -2px;width: 9px;background-image:url(三角图片.jpg);}<style><ul><li>380<i></i></li><li>120<i></i></li></ul>
登入後複製

div{ 
width: 0; 
height: 0; 
border-bottom: 100px solid red; 
border-left: 100px solid transparent; 

http://www.cnblogs.com/top5/archive/2012/02/14/2351959.html

我觉得明显用背景图片更好点

用背景图片……

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板