css
关注
分享
扫一扫
LitStronger
from HDU
个人博客: https://litstronger.github.io
或者https://litstrong.gitee.io
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
用CSS3制作精美的立体盒子装饰(附带制作过程和完整示例)
title: CSS3-肥宅快乐盒 date: 2020-08-15 22:57:30 tags: css index_img: https://cdn.jsdelivr.net/gh/LitStronger/pic@master/post/cssBox.jpg 先来看看这个肥宅盒子的效果 .原创 2020-08-16 12:16:44 · 1724 阅读 · 1 评论 -
css布局(单、双、三列布局)
一、单列水平居中布局 div{ margin: 0 auto; height: 300px; width: 500px; background-color: #66ccff; } 二、双列布局 (1)自适应（比较少用） body{ margin: 0; /*清除默认样式*/ padding: 0; } .wrapper{ width: 8...原创 2020-04-07 16:44:10 · 794 阅读 · 0 评论 -
常见的div水平+垂直居中
一、div的宽高不确定 (1)绝对定位+translate 效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...原创 2020-04-06 13:31:00 · 158 阅读 · 0 评论 -
float/inline-block/flex实现三栏布局（可水平、垂直居中，带效果图）
三栏浮动布局 浮动的方式有很多种，比如像下面这个例子，是把左右两个板块固定大小和位置，中间自适应。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三栏浮动布局</title> <style type="t...原创 2020-04-02 09:27:47 · 832 阅读 · 0 评论