如何使用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哪里设置用户权限
  • 热门搜索
    傲慢的意思 什么叫小心眼 多愁善感的意思 大驿土命是什么意思 什么后人乘凉 有声有色的意思 number是什么意思 vital是什么意思 出水痘能吃什么 溢的意思