- 博客(4)
- 收藏
- 关注
原创 打造王者荣耀官网第四天
分为两个部分,上面的直接引用,下面的图标需要修改宽高使图片等比例缩小,然后调整图标位置。第三部分是右侧固定悬浮栏分为上中下三部分,上面的图片,中间的二维码和下面的标题。先给body一个绝对定位,然后给侧边悬浮大盒子一个相对定位,然后使用。下载界面分为三部分,使用三个a标签实现点击转换,上下三张图片,使用。第二部分是右上角两个小图标。
2024-05-14 17:35:03
83
原创 学习打造王者荣耀官网的第三天
下面ul,li标题设置弹性布局,用list-style;none取消固定样式调整位置再使用flex;第一层是一个轮播图,上下两部分组成,上面盒子里面放五张图片设置宽高左浮动。第二层,公告层:分为上下两个部分,,上面的标题和下面的公告。/* 超出的部分用小数点带替 */标题用无序列表,弹性布局,hd。下面的是bd,用js实现切换。实现换行问题需要三个属性。/* 超出隐藏 */
2024-05-11 15:21:49
99
原创 学习打造王者荣耀官网第二天
最后设置两个特殊span的固定样式,宽高,垂直对齐,背景图片,然后剪切需要的图片大小,调整位置。再给个二级导航下的第一个ul设置宽,左边距和弹性布局,让ul下面的li平铺。布局为ul,li嵌套ul,li,其中两个li有span要添加图标。一级导航分为三个部分,左面的logo,右面的登录,中间的列表。再设置ul,li里面的ul,li的字体颜色,字体大小,和行高。先给二级导航的nav背景颜色,透明度,然后隐藏二级导航。再给ul下面的li设置取消固定样式,宽和居中对齐。Ul给弹性布局,使li平铺。
2024-05-09 11:25:03
405
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人