CSS-画三角
2024-10-08 00:59:13
要实现三角的效果有很多方法:
例如下面的页面就需要三角:
其中,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
width: 0;
height: 0;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid skyblue;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
最后通过定位的方法放到合适的位置
最新文章
- Spring Boot -- Start Up
- 《大道至简》第一章读后感--JAVA语言伪代码形式
- 关于int,integer初始值问题
- 将一个Asp.Net网站改为MVC
- ---解决git pull 后出现冲突的解决方法
- 再论pyquery
- 用GDB排查Python程序故障
- Android 最简单的SD卡文件遍历程序
- 《Programming WPF》翻译 第8章 1.动画基础
- Js中 关于top、clientTop、scrollTop、offsetTop等
- 表单元素的submit()方法和onsubmit事件(转)
- python selenium 元素定位(三)
- jquery ajax 数据传输
- 关于Hbase开启snappy压缩
- java基础(二)-----java的三大特性之继承
- Echarts x轴文本内容太长的几种解决方案
- hdu-2222(ac自动机模板)
- JS Replace 全部替换字符的用法小结
- [Hi3520DV200]烧录
- 783. Minimum Distance Between BST Node
热门文章
- <;meta>;标记
- LocalSessionFactoryBean有几个属性查找hibernate映射文件
- SpringBoot 02_返回json数据
- 《DSP using MATLAB》Problem 8.19
- 04_Spring AOP两种代理方法
- java基础之final关键字
- 05-3-style标签属性
- 08.Hibernate的一级缓存-->;>;Session
- Django项目:CRM(客户关系管理系统)--81--71PerfectCRM实现CRM项目首页
- tmux连接时多个显示器分别显示不同的窗口大小