首页 > 开发 > CSS > 正文

用CSS制作三角形和按钮的简单实例

2024-07-11 08:57:46
字体:
来源:转载
供稿:网友

 我先说如何制作三角形吧,相信大家在平时逛网站的时候都会看到一些导航栏中的三角形吧,比如说:

 网易首页的头部菜单栏中,也会有这样的三角形

当鼠标经过时,三角形会垂直翻转,如下

现在我分享制作三角形的做法,主要是利用边框做成的

首先,四个三角形合并在一起的正方形,也就是正方形的四条边框形成的四个三角形

源代码:

XML/HTML Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表