Maison > interface Web > tutoriel HTML > html选中三角遮盖_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 11:51:44
original
929 Les gens l'ont consulté

如题
图片效果该怎么做好?我原本想用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>
Copier après la connexion

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

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

用背景图片……

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal