如何使用CSS3中属性控制元素的背景色的几种形式

 时间:2024-10-15 16:05:29

1、第一步,双击打开HBuilderX工具,新建静态页面并在body元素插入div标签,如下图所示:

如何使用CSS3中属性控制元素的背景色的几种形式如何使用CSS3中属性控制元素的背景色的几种形式

2、第二步,利用通配选择器设置全局样式,再使用类选择器设置div的宽度、高度和边框,如下图所示:

如何使用CSS3中属性控制元素的背景色的几种形式

3、第三步,接着使用background属性,设置具体的颜色值lightblue,如下图所示:

如何使用CSS3中属性控制元素的背景色的几种形式如何使用CSS3中属性控制元素的背景色的几种形式

4、第四步,预览页面展示效果,然后再次修改background属性,设置为十六进制数,如下图所示:

如何使用CSS3中属性控制元素的背景色的几种形式

5、第五步,再返回页面,并修改background属性值,设置为RGB数值,如下图所示:

如何使用CSS3中属性控制元素的背景色的几种形式

6、第六步,最后使用background属性中的hsl,然后添加椭圆角,如下图所示:

如何使用CSS3中属性控制元素的背景色的几种形式
  • pr视频过渡效果时长怎么调?
  • pr如何制作盗梦空间效果
  • Adobe Premiere如何制作手电光效果
  • edius的圆形效果怎么使用
  • pr如何给缩放添加运动模糊
  • 热门搜索
    湛江哪里好玩 如何学好初中历史 镇远旅游攻略 如何去掉脸上的黄褐斑 青少年特训学校哪里好 十二月适合去哪里旅游 二建增项怎么报名 微信网站怎么做 钱咖怎么赚钱 大秦硅藻泥怎么样