- 博客(3)
- 收藏
- 关注
原创 王者荣耀官网复刻
第一部分轮播图 分为上下两部分 整体的图片轮播和下面的标题,设置图片的宽高,设置基础属性,给下面标题的ul,li,设置弹性布局,用list-stytly取消固定样式,并给js动画效果,且使其一一对应。公告,ul,li 设置宽高对多出的文字进行隐藏并用小数点代替。设置li里span标签的属性使其文字出现边框。标题还是无序列表ul,li,来弹性布局。第二部分公告分为上标题和下公告,超出的部分用小数点带替。
2024-05-14 08:28:02
100
1
原创 王者荣耀官网复刻
二级导航里布局为ul.li嵌套ul.li,给二级导航nav颜色透明,然后隐藏二级导航,在nav内给无序列表设置宽和左边距,并进行弹性布局使其平铺,再给ul下面的li设置取消固定样式,在设置ul,li里的ul,li的字体颜色,文字大小,和行高,并设置两个小logo的图片样式。中间的列表 :给无序列表一个弹性布局使其平铺,其li直接出现空隙,并给一个houver的伪类选择器使其出现鼠标滑入滑出样式。对一级导航的li设置鼠标移入js动画,对二级导航的li设置鼠标移出js动画。一级导航分为三个部分,并给弹性布局,
2024-05-10 17:11:41
103
原创 王者管网的分析
导航栏:一级导航:分为左logo 中间的无序列表 右边的用户信息。内容主题:分为轮播图,中间标题点击切换热门内容。页眉:分为左右两部分,左右各分两部分。悬浮侧边栏:上面两张图片。Body一个大背景图片。二级导航:鼠标移入移出。
2024-05-09 11:30:41
101
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人