SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 16:39:30 +08:00
Code Issues Projects Releases Packages Wiki Activity
Urara-Blog/urara/2022-03-10-forty.md
Sevichecc f61521e837 merge update at Jul 26, 2022
2022-08-06 18:39:48 +08:00

859 B
Raw Blame History

title: Forty页面仿写 summary: 完成 HTML、CSS 代码编写，暂无 JavaScript created 2022-03-10T08:38:17.227Z preview: '' draft: '' tags:

  • CSS
  • HTML lastmod: 2022-04-07T07:39:48.473Z

题目

来源：百度前端学院｜浮动实战任务

通过 HTML 及 CSS 参考示例图实现页面开发，要求实现效果与示例图基本一致

  • 页面宽度固定（定宽）, 请应用 CSS 浮动以及前几天所学的 CSS 样式来完成页面效果
  • 只需要完成 HTML、CSS 代码编写，不需要写 JavaScript

示例图

Demo

https://forty-seviche.netlify.app/

耗时：4 小时（还没有做自适应等很多东西……╮(￣ ▽ ￣"")╭