Heim > Web-Frontend > HTML-Tutorial > css+div如何做一个右边有小箭头的层_html/css_WEB-ITnose

css+div如何做一个右边有小箭头的层_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:47:27
Original
2908 Leute haben es durchsucht

DIV CSS

网上很多小箭头都在左边或者上边下边的,自己怎么调都调不到右边,郁闷啊

层边框半圆形的,半透明最好,多谢

回复讨论(解决方案)

找张图片放到对应的位置得了 哈哈

不行的,我这层里面还要放东西呢,还要半透明呢,里面是菜单,楼上的不是偷工减料么

大牛呢,没人了么

你的右边和左边的区别是什么?

◆用好??字符就行了

或者用css3??,如果不考?兼容性

用border来实现就是,如果要三角透明那么你懂得

<!doctype html><html lang="en"><head>	<meta charset="UTF-8">	<title>border</title>	<style>		.border{width: 0; height: 0; border: .75em solid; border-color: #f00 #555 #ccc #000;}	</style></head><body>	</body>	<div class="border"></div></html>
Nach dem Login kopieren

当然我是偷懒了,一般都是用一个i来做的 i别忘记dib vam/vat

最近刚好用到这个,希望对你有用,是ccs3的
向左的箭头
arrow-left{ width: 0;height: 0;border-top: 17px dashed transparent;border-bottom: 17px dashed transparent;border-right: 15px solid #777;font-sie: 0;}

向右的箭头
arrow-right{ width: 0;height: 0;border-top: 17px dashed transparent;border-bottom: 17px dashed transparent;border-left: 15px solid #777;font-sie: 0;}

向上的箭头
arrow-top{ width: 0;height: 0;border-left: 17px dashed transparent;border-right: 17px dashed transparent;border-bottom: 15px solid #777;font-sie: 0;}

向下的箭头
arrow-bottom{ width: 0;height: 0;border-left: 17px dashed transparent;border-right: 17px dashed transparent;border-top: 15px solid #777;font-sie: 0;}

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage