首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

大实战——临摹“简书”首页:②侧边栏+推荐

本知识学习用时:2小时,总第81/10000小时

前言:本篇我们继续完成“简书”静态首页的“侧边栏+推荐”部分,难度中等,依然高度重视。

一、写出“侧边栏+推荐”部分的 HTML

html

二、写出“侧边栏+推荐”部分的 CSS

写出下图中 aside 对应的 CSS:

css

后记:下篇我们切入“内容区”,搞定“轮播+按钮组+内容区+回到顶部”。小知识点会很多,耐心!慢就是快。

欢迎继续关注下文 :

(21)大实战——临摹“简书”首页:③ 轮播+按钮组+内容区+回到顶部

(本文版权归 “公号 | Oli的前端一万小时” 所有,转载需说明来源)

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180720G1R1MB00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券