- 博客(4)
- 收藏
- 关注
原创 百度前端学院第七、八天案例(浮动方法)
百度前端学院第七、八天案例(浮动方法)素材图:(一)浮动布局注:(1)由于主导航栏布局中第一个盒子没有下边框,就导致整个导航栏区域不能直接设置下边框,这个问题比较头疼,我才用的是左中右三个盒子,左右两个盒子只设置一个下边框,但是感觉还不是特别好的方法,如果有同学有比较好的方法可以在评论区留言,看到了一定及时回复。(2)内容区域是十个大小不等的li,要是一个个弄起来非常浪费时间,我就简化为9个大小相等的盒子了。html文件:<!DOCTYPE html><html lang
2020-11-19 17:12:12
205
原创 p361旋转中心
p361旋转中心代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{
2020-11-14 09:29:35
227
原创 块级盒子内的块级盒子如何实现水平居中(pink老师p371)
块级盒子内的块级盒子如何实现水平居中(pink老师p371)利用定位:子绝父相内部盒子往下,右移动50%然后内部盒子再往上,左移动自身高度的一半代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-11-14 08:27:55
173
原创 css如何将块级元素中的块级元素同时水平垂直居中显示
css如何将块级元素中的块级元素同时水平垂直居中显示将外层块级盒子绝对定位,内层块级盒子相对定位,然后设置内层盒子上下左右全为0,margin:auto;即可代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-11-12 16:53:15
320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人