CSS背景实例:设置背景颜色

CSS 代码均位于 HTML 的 head 部分，这样做的目的是为了利于演示例子本身。在实际的开发中，使用 CSS 最好的方式是引用外部样式表。这里分享怎样设置背景颜色

步骤/方法

  • 01

    在编辑器中输入以下代码 <html> <head> <style type="text/css"> body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} p.no2 {background-color: gray; padding: 20px;} </style> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <p>这是段落</p> <p class="no2">这个段落设置了内边距。</p> </body> </html>

  • 02

    执行结果为：

赞 (0)

相关推荐

  • 如何为表格添加背景（excel表格背景怎么设置背景）

    如何为表格添加背景（excel表格背景怎么设置背景）

    大多数人在做Excel表格的时候,基本都是千篇一律的白底或其他纯色底.假如想要插入更好看或者更合适主题的背景,那该怎么做呢?现在考呀呀就把这个技巧分享给大家.假如要把这个中奖名单的Excel表格,打印 ...

  • ppt怎么在母版里设置背景图片

    ppt母版里设置背景图片的步骤: 1.点视图菜单--幻灯片母版: 2.点背景样式--设置背景格式: 3.点图片或纹理填充,点文件按钮,选择背景图片,点打开: 4.返回到设置背景格式窗口,点全部应用,点 ...

  • css设置背景颜色的方法和设置背景颜色的透明度

    css设置背景颜色的方法和设置背景颜色的透明度 操作方法 01 新建html文件 02 创建p标签和背景颜色用#色值表示 03 预览效果如图 04 创建p标签和背景颜色用英文设置背景颜色 05 预览效 ...

  • CSS背景实例：将图像设置为背景

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS背景实例:将图像设置为背景 步骤/方法 ...

  • css设置背景图片居中；css背景图片自动居中

    如何通过css设置一张背景图片自动水平垂直居中呢?可以通过css提供的background-position: center进行设置. 设置代码: .bg-img{ height: 100vh; wi ...

  • 如何用CSS设置背景图片

    我们经常会看一些如游戏.电影.购物网上那种五颜六色的网页画面,包括导航菜单,网页主题背景,红的,黑的,(如小简头,像框等)五颜六色的都有,那么我们如何在网页中设置背景图片呢? 列:设置元素背景属性 0 ...

  • css设置背景图片大小

    网页的某些装饰可以通过背景图片来渲染,使得网页更加美观,CSS设置背景图片,不仅仅是大小,还有位置,放大方式,透明化之类.都是必备的CSS技能.层叠样式表(英文全称:Cascading Style S ...

  • css设置背景透明度

    css通过设置透明度可以得到遮罩效果,今天咪咪我就来给大家讲解一下css透明度的设置方法. 操作方法 01 如图,打开webstorm,然后新建一个html界面,在html界面里面我添加了一个div标 ...

  • 如何在Excel2003中快速设置表格背景以及边框的颜色

    在制作表格时我们常常希望更改表格的边框颜色和背景颜色来达到自己想要的效果！但是设置表格背景和边框颜色对于一些新手朋友来说算是比较困难的事情，今天电脑软硬件应用网就来指导指导刚入门的朋友如何在Excel ...