PHPIN.NET

 找回密码
 立即注册
查看: 4957|回复: 0

[实例分享] CSS实现网页中的三角形

[复制链接]

469

主题

31

回帖

5509

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5509
发表于 2014-12-27 18:36:40 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
CSS实现网页中的三角形

  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>Document</title>
  6. </head>
  7. <style type="text/css">
  8.         .tab-arrow b {
  9.                 display: inline-block;
  10.                 margin-top: -8px;
  11.                 width: 0;
  12.                 height: 0;
  13.                 border-style: dashed dashed solid;
  14.                 border-width: 10px;
  15.                 border-color: transparent transparent #E4393C;
  16.                 overflow: hidden;
  17.                 zoom: 1;
  18.                 font-size: 0;
  19.                 }
  20. </style>
  21. <body>
  22.         <div class="tab-arrow">
  23.         <b></b>
  24.         </div>
  25. </body>
  26. </html>
复制代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|PHPIN.NET ( 冀ICP备12000898号-14 )|网站地图

GMT+8, 2024-4-27 03:14

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表