# html+css练习

**Repository Path**: rdsunday/html_css_exercise

## Basic Information

- **Project Name**: html+css练习
- **Description**: html+css布局练习
- **Primary Language**: HTML
- **License**: MulanPSL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-05-11
- **Last Updated**: 2022-09-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# html+css练习

#### 介绍
html+css布局练习

练习参考代码来自github

目录

+ 网易产品模块
  
+ 布局如图![screencapture-file-C-Users-Desktop-html-css-html-css-html-css-exercise-index-html-2020-05-11-09_21_14](https://gitee.com/rdsunday/images/raw/master/img/screencapture-file-C-Users-Desktop-html-css-html-css-html-css-exercise-index-html-2020-05-11-09_21_14.png)
  
+ 分页练习

  + 效果如图

  ![](https://gitee.com/rdsunday/images/raw/master/img/20200511151324.png)

+ 发现好店

  + 效果如图

  ![screencapture-file-C-Users-Desktop-html-css-html-css-html-css-exercise-index-html-2020-05-11-15_14_02](https://gitee.com/rdsunday/images/raw/master/img/screencapture-file-C-Users-Desktop-html-css-html-css-html-css-exercise-index-html-2020-05-11-15_14_02.png)

+ 浮动练习 --全球业务模块

  + 效果如图

  ![screencapture-file-C-Users-Desktop-html-css-html-css-html-css-exercise-index-html-2020-05-12-09_45_13](https://gitee.com/rdsunday/images/raw/master/img/screencapture-file-C-Users-Desktop-html-css-html-css-html-css-exercise-index-html-2020-05-12-09_45_13.png)

+ 表格表单

  + 效果如图

  ![](https://gitee.com/rdsunday/images/raw/master/img/20200515100204.png)
+ 表格
    + 效果如图

![](https://gitee.com/rdsunday/images/raw/master/img/20200520093217.png)