css实现画三角形
来源:互联网 发布:小天才早教软件 编辑:程序博客网 时间:2024/05/18 01:27
<html>
<head>
<meta charset="utf-8" />
<title>用CSS画三角形</title>
<style type="text/css">
/**/
.triangle{ display:block; height:0px; width:0px; border:50px solid #000; border-color:#f00 #000 transparent transparent; border-style:solid solid dashed dashed; line-height:0px;}
</style>
</head>
<body>
<div class="triangle"></div>
</body>
</html>
border-style样式总结
<html>
<head>
<title>边框风格属性 border-style </title>
<style type="text/css">
.d1 {border-style:none;}
.d2 {border-style:solid;}
.d3 {border-style:dotted;}
.d4 {border-style:dashed;}
.d5 {border-style:double;}
.d6 {border-style:groove;}
.d7 {border-style:ridge;}
.d8 {border-style:inset;}
.d9 {border-style:outset;}
</style>
</head>
<body>
<div>这个div的CSS边框风格(border-style)属性缺省值是none。</div>
<br>
<div class = "d1">这个div的CSS边框风格(border-style)属性是none。</div>
<br>
<div class = "d2">这个div的CSS边框风格(border-style)属性是solid。</div>
<br>
<div class = "d3">这个div的CSS边框风格(border-style)属性是dotted。</div>
<br>
<div class = "d4">这个div的CSS边框风格(border-style)属性是dashed。</div>
<br>
<div class = "d5">这个div的CSS边框风格(border-style)属性是double。</div>
<br>
<div class = "d6">这个div的CSS边框风格(border-style)属性是groove。</div>
<br>
<div class = "d7">这个div的CSS边框风格(border-style)属性是ridge。</div>
<br>
<div class = "d8">这个div的CSS边框风格(border-style)属性是inset。</div>
<br>
<div class = "d9">这个div的CSS边框风格(border-style)属性是outset。</div>
<br>
</body>
</html>
- css实现画三角形
- css实现三角形
- CSS border实现三角形
- CSS border实现三角形
- css实现三角形 圆形
- CSS border实现三角形
- 用css实现三角形
- css实现三角形
- css实现三角形
- 纯CSS实现三角形
- css三角形实现
- CSS实现DIV三角形
- 用CSS实现三角形
- css实现三角形形状
- CSS实现三角形效果
- css实现三角形原理
- css实现三角形原理
- CSS实现三角形
- When does a process get SIGABRT (signal 6)?
- Unknown symbol platform_driver_unregister (err 0)
- Android系统启动流程 -- bootloader
- oracle的替代变量
- VC中COM组件的几种调用方式
- css实现画三角形
- struts如何实现零配置
- oracle的序列与同义词
- 扁平化 Web 设计
- Android编程心得-解决Eclipse导入工程出现The project was not built since错误
- Python中mechanize库的简单使用说明
- CRC16-CCITT 的算法
- java替换字符串中汉字
- PC客户端与Android服务端的Socket同步通信(USB)