CSS教程 相对定位的使用

 时间:2026-02-15 11:06:47

1、新建一个 相对定位的使用.html 文件,如图所示:

CSS教程 相对定位的使用

2、输入HTML5的结构代码,将title标签里面的内容修改成:相对定位的使用,如图所示:

CSS教程 相对定位的使用

3、输入style标签,type=text/csss,如图所示:

CSS教程 相对定位的使用

4、设置一个300x300px的正方形,如图所示:

CSS教程 相对定位的使用

5、使用position设置其相对位置,如图所示:

CSS教程 相对定位的使用

6、运行网页,可以看到相对定位是相对于之前的位置,如图所示:

CSS教程 相对定位的使用

  • WPS表格中怎么给艺术字添加边框
  • pos机纸在哪里买?
  • 怎么在wps中添加背景图和删除背景图?
  • 怎么显示查看文件的类型,格式类型,显示扩展名
  • Word中怎样使用文本框制作带框文字?
  • 热门搜索
    剑门关景区 电脑配置怎么升级 杭州市旅游 抚顺旅游 古代人怎么剪指甲 两边太阳胀痛怎么回事 孕妇可以喝绿茶吗 孕妇可以吹空调吗 北京东大肛肠医院怎么样 哈尔滨职业技术学院怎么样