用css写三角形
来源:互联网 发布:linux 内核启动顺序 编辑:程序博客网 时间:2024/04/30 01:24
转自 http://bbs.blueidea.com/thread-2818535-1-1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>www.zishu.cn</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>/*zishu.cn*/*{ margin:0; padding:0; font-size:12px; font-family:Verdana, "宋体", Arial; line-height:1.8; list-style:none;}#info,#nav{ margin:50px; border:1px dashed #FF3300; background:#FFFFCC; padding:50px;}#info div{background:#FF0000; width:0px; height:0px; overflow:hidden; margin-bottom:10px;}/*一些三角的写法*/#com_a{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}#com_b{ border-top:10px solid #FFFFCC;border-right:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}#com_c{ border-top:10px solid #FFFFCC;border-right:10px solid #FF3300;border-bottom:10px solid #FFFFCC;border-left:10px solid #FF3300;}#com_d{ border-top:10px solid #FF3300;border-right:10px solid #FFFFCC;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}#com_e{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;}#com_f{ border-top:10px solid #FF3300;border-right:10px solid #FFFFCC;border-left:10px solid #FFFFCC;}#com_g{ border-right:10px solid #FFFFCC;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}#com_h{ border-top:10px solid #FF3300;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}#com_i{ border-top:10px solid #FF3300;border-right:10px solid #FF3300;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}</style></head><body><div id="info"><h1>一些三角形的写法</h1> <div id="com_a"></div> <div id="com_b"></div> <div id="com_f"></div> <div id="com_g"></div> <div id="com_c"></div> <div id="com_d"></div> <div id="com_e"></div> <div id="com_h"></div> <div id="com_i"></div></div></body></html>效果图:
另外特别声明一点: 在上面的样式中最好加上width: 0; height: 0; 否则在IE7(IE6没环境,所以没测)中样式会出问题.
- 用css写三角形
- 用css写三角形
- 用css写一个三角形
- 用css写个三角形
- 关于用css写三角形code
- css写三角形按钮
- HTML+CSS写三角形原理
- 纯CSS写三角形-border法
- 如何用CSS写一个三角形
- 纯CSS写带边框的三角形
- 纯CSS写三角形-border法
- 纯CSS写三角形-border法
- 纯CSS写三角形-border法
- 纯CSS写三角形-border法
- 如何使用HTML&CSS写一个三角形。
- 用CSS画三角形
- 用css制作三角形
- 用css实现三角形
- java.lang.UnsupportedClassVersionError: Bad version number in .class file (unable to load class serv
- 黑马程序员-------银行业务调度系统
- 在一个Activity中同时添加自定义View和系统控件
- SAP模板
- ADO连接Mysql数据库
- 用css写三角形
- 如何找到当前文件路劲和如何读取properties文件
- Delphi学习之Raise(抛出异常)
- EK算法模板(邻接矩阵)
- MIT-Scheme用法
- linux下Mplayer安装与设置指南(以及如何加载显示中文字幕)
- Android开源库集锦
- Hibernate 参数设置
- 重新抛出(rethrow)