HTML+CSS的一些代码
2017-07-20 18:29
120 查看
1）画三角形
<!DOCTYPE>
<html>
<head>
<title>
三角形
</title>
<style>
div{
width:0px;
height:0px;
border-top:50px solid black;/*通过把边画粗来实现画三角形的效果*/
border-left:29px solid transparent;
border-right:29px solid transparent;
margin:0 auto;/*让三角形居中，比较好观察*/
}
div:hover{
border-top:0;
border-bottom:50px solid red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 一些非常有用的html,css,javascript代码片段(持久更新)
- 编码规范之编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- 【css与html】iframe框架代码
- Emmet：HTML/CSS代码快速编写神器
- HTML适配 css代码根据屏幕大小适配 导入自己想要的字体
- asp中去除html中style,javascript,css代码
- HTML+CSS之关于position的一些使用记录
- Emmet：HTML/CSS代码快速编写神器(转)
- 【2】CSS、HTML和一些单词
- sublime text3---Emmet：HTML/CSS代码快速编写神器
- html/css排版一些简单的数学公式
- HTML5 eclipse中写java,html,css,javascript代码提示
- Sublime text配置前端代码（JavaScript/Html/CSS）校验工具
- Notepad++ 配置 支持jquery、html、css、javascript、php代码提示
- 去除所有js,html,css代码问题
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- js实现单一html页面两套css切换代码
- HTML CSS，emmet插件快捷键(让代码飞起来)
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。