如何使用HTML5+CSS3背景属性background设置样式

 时间:2024-10-15 01:15:52

1、第一步,双击打开或通过快捷方式打开HBuilder Web开发工具,新建静态页面background.html,如下图所示:

如何使用HTML5+CSS3背景属性background设置样式

2、第二步,使用元素实现实例,这里在<body></body>插入一个蟠校盯昂div标签,设置对应的ID为“bg”,如下图所示:

如何使用HTML5+CSS3背景属性background设置样式

3、第三步,利用CSS中的ID选择器设置div标签的样式,设置了宽度、高度、行高、字体属性、字体颜色、字体粗细、居中等,如下图所示:

如何使用HTML5+CSS3背景属性background设置样式

4、第四步,设置完毕之后保存代码并在浏览器中预览该静态页面,查看效果,如下图所示:

如何使用HTML5+CSS3背景属性background设置样式

5、第五步,再次添加属性border-radius,修改字体大小,确认之后点击保存,如下图所示:

如何使用HTML5+CSS3背景属性background设置样式

6、第六步,再次打开浏览器,预览静态页面的效果,可以看到一个椭圆形的“背景”,如下图所示:

如何使用HTML5+CSS3背景属性background设置样式
  • “面部危险三角区”的痘痘能挤吗?
  • 黄瓜丁拌米饭
  • photoshope如何添加或者插入图片
  • 魅族魅蓝手机怎么将应用定位部分关闭或全部关闭
  • discuz哪里设置用户权限
  • 热门搜索
    帕米尔高原在哪里 逆战怎么升级快 红旗渠旅游 哪里能做亲子鉴定 自动挡的车怎么停车 脸上长小痘痘怎么办 手机qq扫一扫在哪里 路由器wps 异地医保如何报销 如何剪辑视频