杜淳工作室微博:用css制作一个三角形箭头
来源:百度文库 编辑:偶看新闻 时间:2024/04/29 19:16:48
不废话,我们先来看个样式,如果设置元素边框,会怎么样:
test
似乎看不出什么,让我给四个边框加上不同的颜色再看看:
test是不是发现了些什么?对,让我们把中间的文字去掉:
这样,就出现4个三角形了,然后我们如果需要顶部那个三角形,只需要将border的left、right、bottom设置成背景色就行了:
这样,我们需要的三角形就出现了,并且可以设置4个不同方向的了:
样式代码很简单,就几句话:
<
strong
style
=
"float:left; border-style:solid; border-width:10px; border-color:#000 #ccc #ccc #ccc; height:0; width:0; font-size:0"
>
strong
>
东西很简单,但想到用border边框来制作三角形箭头确实有点剑走偏锋了,用的相当巧妙。
PS:因为编辑器里发的demo不能出现空标签,也就是我必须在标签里加个空格,如: l;,但这就导致IE6下显示错误,其实是可以的,大家试试就知道了。
制作网页用CSS样式多吗?
css样式制作
css样式制作
网页制作问题css
请问怎么用photoshop做一个箭头?
请问怎么用photoshop做一个箭头?
怎么用photoshop制作拐弯的箭头啊?
有没办法用JS或CSS制作表格
鼠标箭头制作软件下载
怎样制作css滤镜效果?
CSS在什么地方制作啊
windows开始菜单导航如何制作(分别用css 和 flash制作)
求一个css
一个CSS样式表
求一个css代码
怎么用wordr打出一个箭头上下都有文字?
怎样使一个网页上下居中?用CSS怎样写?
我想用CSS做一个漂亮鼠标,可以帮忙吗?
如何制作“不可能的三角形”
PHOTOSHOP里在哪里制作箭头?
CORELDRAW如何制作箭头的动感效果
制作网页中,什么时候应该用DIV+CSS布局呢?有例子么?
DIV+CSS网页新标准制作网页
谁知道怎么利用CSS自定义制作网页