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 · 253 阅读 · 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 · 154 阅读 · 3 评论 -
三列布局方式
第一种 {/* 利用 overflow: hidden;的特性; 三栏的顺序分别为左-右-中。 左右两栏分别设置宽度以及左浮动和右浮动,脱离普通流,这时如果让中间栏高度大于2个边栏会发现两边栏实际上是叠在 main 上面的,因为 main 是块状元素,独占一行,浮动元素向相应的方法浮动,直到遇到容器的边框。 中间栏设置 overflow:hidden 创建BFC,这样就可以利用BFC不和浮动元素重叠的特性,让 main 的宽度自适应。 */} <div class原创 2021-06-30 09:44:59 · 281 阅读 · 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 · 161 阅读 · 1 评论
分享