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如何删除标签的某个属性
  • 热门搜索
    环保手抄报的内容 动物趣闻手抄报 感谢老师的手抄报 关于月球的手抄报 诚信手抄报内容 英语国庆手抄报 防震减灾手抄报资料 感恩父母手抄报内容 中国梦手抄报资料 51手抄报