Question

css 指向下一个的箭头怎么做

Answer 1

就用div加css就能做出这种效果了.给你一个刚写的例子。

<div style='background:red;height:20px;width:30px;display: inline-block;'></div>
<div style='top:5px;height: 0px;border: 15px red solid;width: 20px;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;display: inline-block;position: relative;left: -4px;'></div>

追问

地址怎么打不开

追答

有地址吗？把上面写的这段代码拷贝到你新建的html页面就行了。

效果就是上面箭头的样子。

追问

我打开怎么成这个样子，

Answer 2

追问

Ctrl+A 然后复制过来，还是这个实在

Answer 3

可以采用背景图片的方式去做，具体方法有很多！

追问

能不能推荐个。。。

追答

要不你就不单独的切片了，把整张图片采用背景图片的形式也可以的，至于上面的文字要做超链接，你可以采用列表或者定位的方式去做！

不想要这样，你就是用FW或者PS切片吧。

追问

能不能给我一个使用背景图片的方式的静态页面

追答

在CSS里面写：background:url(图片路径) no-repeat(只显示一次) left/right/top/bottom（背景图片显示位置）
自己去实现吧，很简单的。

追问

额，能不能详细点，我新手，谢谢啦