![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css3
南柯ღk
快乐因为分享而增多,痛苦因为分担而减少。
展开
-
原生JS简单实现选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-09-01 10:12:10 · 174 阅读 · 0 评论 -
用html和css实现一个三角形
<div class="box"></div>.box{ width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid skyblue;}原创 2021-08-11 14:05:47 · 87 阅读 · 3 评论 -
三列布局方式
第一种{/* 利用 overflow: hidden;的特性; 三栏的顺序分别为左-右-中。 左右两栏分别设置宽度以及左浮动和右浮动,脱离普通流,这时如果让中间栏高度大于2个边栏会发现两边栏实际上是叠在 main 上面的,因为 main 是块状元素,独占一行,浮动元素向相应的方法浮动,直到遇到容器的边框。 中间栏设置 overflow:hidden 创建BFC,这样就可以利用BFC不和浮动元素重叠的特性,让 main 的宽度自适应。*/}<div class原创 2021-06-30 09:44:59 · 195 阅读 · 1 评论 -
元素垂直水平居中方法
第一种<div className="boxOne"> <div className="boxOne_erz"></div></div>.boxOne { width: 200px; height: 200px; background: pink; display: flex; justify-content: center; align-items: center;}.boxOne_原创 2021-06-30 09:28:57 · 82 阅读 · 1 评论