利用borber书写小三角
来源:互联网 发布:侠客风云传优化差 编辑:程序博客网 时间:2024/06/03 14:09
一直在忙项目,终于有时间重新来总结下css
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box { width: 0; height: 0; margin: 40px; border: 40px solid #fff; } .box1 { border-top-color: #ffdc85; border-bottom: none; } .box2{ border-left-color: #ffdc85; border-right: none; } .box3{ border-right-color: #ffdc85; border-left: none; } .box4{ border-bottom-color: #ffdc85; border-top: none; } </style></head><body> <div class="box box1"></div> <div class="box box2"></div> <div class="box box3"></div> <div class="box box4"></div></body></html>
效果如下:
阅读全文
0 0
- 利用borber书写小三角
- 利用border绘制小三角
- 利用 border 属性做的对话框小三角
- 小三角
- 代码书写小技巧
- 利用css话三角
- css小三角
- CSS 小三角
- css小三角
- 实体小三角-制作方法
- 网站小三角
- 小三角制作形式
- 小三角画法
- Testbench书写的小要点
- css书写的小细节
- PHP书写效率小TIPS
- Makefile书写中的小问题
- 利用递归计算三角数字
- Linux 调度器内幕
- java实现 斐波拉契数列
- iOS仿今日头条频道选择、仿微信项目、音频控件、多种动画效果等源码
- FreeBASIC学习笔记——1.3 第一个工程
- Java过滤器与SpringMVC拦截器之间的关系与区别
- 利用borber书写小三角
- linux Bash Shell 快捷键
- PyCharm使用技巧:Live Templates(快速输入自定义代码片段)
- Redis修改数据多线程并发—Redis并发锁
- opencv人脸识别
- 双十二年终盛典 会声会影X10一降到底
- 20171211得到VPN的IP并自动加路由表
- 数据插入多条
- Mongo shell:最强大的 MongoDB 管理工具