CSS教程 浮动(float)属性的使用

 时间:2024-10-12 23:35:43

1、新建一个浮动(float)属性的使用.html 文件,如图所示:

CSS教程 浮动(float)属性的使用

2、输入HTML5的结构代码,将title标签里面的内容修改成:浮动(float)属性的使用,如图所示:

CSS教程 浮动(float)属性的使用

3、float属性:用于定位和格式化内容,让元素浮动起来,其属性取值如下所示:

CSS教程 浮动(float)属性的使用

4、使用div标签定义一个块元素,如图所示:

CSS教程 浮动(float)属性的使用

5、使用css给这个块元素添加宽度、高度和背景颜色,如图所示:

CSS教程 浮动(float)属性的使用

6、添加float浮动属性,使由div标签定义的块元素浮动起来,如图所示:

CSS教程 浮动(float)属性的使用
  • myEclipse中tomcat运行报错
  • html+css3实现网页小键盘
  • navicat连接数据库详解
  • HTML中如何贴图到DIV中
  • js如何删除标签的某个属性
  • 热门搜索
    关于健康的手抄报图片 英语手抄报花边边框 爱护动物手抄报 阳光心理手抄报 一年级教师节手抄报 足球手抄报 小学生健康手抄报 保护视力手抄报 手抄报读书伴我成长 文明的手抄报