×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 2061|回复: 20

CSS代码的超级应用

[复制链接]
发表于 2009-11-2 00:51:24 | 显示全部楼层 |阅读模式
CSS代码的超级应用,用CSS写出的三角形效果,看下面的代码,复制另存为 .html 就能看到效果了。或者也可以在原文查看效果:
http://www.abaonet.com/jsCode/syn/200910/2249.html,下面是代码:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>用CSS写出的三角形效果|www.abaonet.com|</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <style>
  7. *{margin:0;padding:0;font-size:12px;font-family:Verdana, "宋体", Arial; line-height:1.8;list-style:none;}
  8. #info{ margin:50px; border:1px dashed #ff3300; background:#ffffcc; padding:50px;}
  9. #info div{width:0px; height:0px; overflow:hidden; margin-bottom:5px;}
  10. #box_a{ border-top:5px solid #ffffcc;border-left:5px solid #ff3300;border-bottom:5px solid #ffffcc;}
  11. #box_b{ border-top:5px solid #ffffcc;border-right:5px solid #ff3300;border-bottom:5px solid #ffffcc;}
  12. </style>
  13. </head>
  14. <body>
  15. <div id="info">
  16. <h1>一些三角形的写法</h1>
  17. <div id="box_a"></div>
  18. <div id="box_b"></div>
  19. </div>
  20. </body>
  21. </html>
复制代码
原文出自:http://www.abaonet.com/jsCode/syn/200910/2249.html
发表于 2018-1-22 10:38:12 | 显示全部楼层
很不错。。。
回复 支持 反对

使用道具 举报

发表于 2018-1-22 11:30:28 | 显示全部楼层
楼主是超人
回复 支持 反对

使用道具 举报

发表于 2018-1-22 11:11:54 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

发表于 2018-1-22 10:51:21 | 显示全部楼层
不错不错
回复 支持 反对

使用道具 举报

发表于 2018-1-22 10:33:56 | 显示全部楼层
好帖子要收藏
回复 支持 反对

使用道具 举报

发表于 2018-7-11 16:53:20 | 显示全部楼层
顶顶多好
回复 支持 反对

使用道具 举报

发表于 2018-7-11 16:43:46 | 显示全部楼层
说的非常好
回复 支持 反对

使用道具 举报

发表于 2018-7-11 16:47:58 | 显示全部楼层
很好哦。。。
回复 支持 反对

使用道具 举报

发表于 2018-7-11 16:16:32 | 显示全部楼层
LZ真是人才
回复 支持 反对

使用道具 举报

发表于 2018-7-11 16:20:08 | 显示全部楼层
好帖子要收藏
回复 支持 反对

使用道具 举报

发表于 2018-9-24 18:58:50 | 显示全部楼层
好帖就是要顶
回复 支持 反对

使用道具 举报

发表于 2018-9-24 18:17:08 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

发表于 2018-9-24 18:53:36 | 显示全部楼层
LZ真是人才
回复 支持 反对

使用道具 举报

发表于 2018-9-24 18:19:43 | 显示全部楼层
教程网我挺你
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则