`
fzd8589
  • 浏览: 53585 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css:背景色设置

CSS 
阅读更多

在页面中设置某部分的背景色,目前我看到三种方式。

  • div背景色  直接写在标签体内部
<div style="backgrond-colr:#A9A9A9;">

 

  • body背景色 写在<style type="text/css">中。(注:div也是这样写)
body{
     backgrond:#A9A9A9;
}

 

  • 关于<body>的背景色写在标签体内部
<body bgcolor="#A9A9A9" width="200px">

 

 

 

分享到:
评论

相关推荐

    css背景色渐变

    总结,CSS背景色渐变是一个强大的设计工具,通过灵活运用线性渐变、径向渐变、颜色透明度和重复渐变等特性,我们可以创造出各种独特的网页视觉效果。学习并掌握这些技巧,将有助于提升网页设计的专业性和创新性。在...

    css改变选中字体背景色和字体色

    以下是一个基本示例,展示如何改变已访问链接的字体颜色和背景色: ```css a:visited { color: #ff0000; /* 设置已访问链接的字体颜色为红色 */ background-color: #ffff00; /* 设置已访问链接的背景颜色为黄色 *...

    形考任务四活动1:采用CSS样式来设置背景、标题和段落的颜色。.zip

    例如,如果你想将整个页面的背景色设为蓝色,可以在CSS中写入以下代码: ```css body { background-color: blue; } ``` 2. 设置标题颜色: HTML中的标题由`&lt;h1&gt;`到`&lt;h6&gt;`标签表示,分别代表一级至六级标题。改变...

    css背景色和table样式,一些参考

    首先,我们来探讨CSS背景色的设置。使用`background-color`属性可以改变元素的背景颜色。例如,如果你想让一个段落的背景色为红色,你可以这样写: ```css p { background-color: red; } ``` 颜色值可以是预定义...

    设置datagrid行背景色示例

    在本示例中,我们关注的是如何设置 `Datagrid` 的行背景色,以增强视觉效果,帮助用户更好地理解和区分不同的数据。 首先,让我们了解 `Datagrid` 的基本概念。`Datagrid` 是一个控件,通常由多个行和列组成,每一...

    CSS:雪花飘落特效

    雪花的位置设置为绝对,大小和形状通过`border-radius`设为圆形,背景色为白色,模拟雪花的外观。动画`fall`将控制雪花下落的速度和方式。 然后,我们需要定义`@keyframes`规则来实现动画效果。这个动画将控制雪花...

    css背景颜色透明背景图片切换效果

    首先,让我们了解CSS背景颜色的设置。背景颜色可以通过`background-color`属性来指定。例如,若要设置背景为纯红色,可以这样写: ```css element { background-color: red; } ``` 透明度可以通过调整`opacity`...

    CSS JS实现表格背景变色.rar

    例如,当鼠标悬停在某行上时,我们可以改变该行的背景色: ```javascript document.querySelectorAll('tr').forEach(tr =&gt; { tr.addEventListener('mouseover', function() { this.style.backgroundColor = '#...

    美工之路 网页设计视频教程CSS篇-07.背景:背景色.rar

    美工之路系列视频是为那些想从事网页前台设计的设计师们和网页设计爱好者量身定制的,本教程包含4个部分:HTML篇,CSS篇,Javascript篇和XML篇.不仅适用于网页设计的初学者,对中级以上水平的人员也有一定参考价值,使...

    css代码添加背景图片常用代码

    以上介绍的是CSS中关于背景设置的基本知识点及其用法。通过合理使用这些属性,可以有效地为网页元素设置美观的背景,从而增强网站的整体视觉效果。掌握这些基本属性的应用方法对于前端开发人员来说是非常重要的基础...

    css简单背景实例

    例如,使用`background-color`属性可以设定元素的背景色,如`body { background-color: #f0f0f0; }`将整个页面背景设置为浅灰色。 2. **背景图片**:在本实例中,"风景.jpg"可能被用作背景图片。我们可以使用`...

    css 背景色块移动菜单

    1. **CSS背景色块**:在CSS中,`background-color`属性用于设置元素的背景颜色。例如,`background-color: blue;`将使元素背景变为蓝色。可以使用十六进制、RGB、RGBA、HSL、HSLA等不同的颜色表示方法。 2. **移动...

    CSS技巧专栏每日一例:5-纯CSS实现背景色从四周向中心填充的按钮特效.zip

    CSS技巧专栏每日一例:5-纯CSS实现背景色从四周向中心填充的按钮特效 资源介绍: 纯CSS实现的动态按钮特效,想知道按钮效果的朋友,可以去我的专栏查看。资源名就是文章名。 资源特点:代码短小、代码容易阅读、重点...

    bootstrap设置某列背景色和前景色

    设置背景色: Bootstrap本身并未提供直接设置列背景色的方法,但我们可以借助CSS(层叠样式表)来实现这一功能。CSS允许我们使用`background-color`属性来改变元素的背景颜色。例如,如果我们想要将一个`.col-md-6`...

    eclipse所有窗口背景颜色修改的css文件(包括package explorer背景色)

    eclipse所有窗口背景颜色修改的css文件(包括package explorer背景色),不需要修改windows颜色,可以修改所有常用窗口颜色。包含说明文档和css文件,css文件中有注释,只需修改相应的颜色代码即可修改eclipse背景...

    纯CSS3漂亮表格(圆角、渐变、多背景色).rar

    本资源“纯CSS3漂亮表格(圆角、渐变、多背景色).rar”提供了一种利用CSS3特性创建美观表格的方法,特别适合现代浏览器环境,如IE9及以上版本、Firefox、Chrome以及Safari。 首先,我们来看“圆角”这一CSS3特性。...

    小程序scroll-view与css左右滑动超出部分背景颜色不显示的解决方法

    当`scroll-view`的内容宽度大于容器宽度时,应该能够看到整个背景色,但实际情况并非总是如此。 问题的原因可能有以下几点: 1. **样式覆盖**:外部的CSS样式可能覆盖了`scroll-view`的背景颜色,特别是全局样式...

    css3实现一个div设置多张背景图片及background-image属性实例演示

    本文将深入探讨如何使用`background-image`属性来实现多张背景图片的设置,并介绍CSS3中的背景渐变。 首先,我们来看一下`background-image`属性的基本语法。它接受一个或多个 `&lt;bg-image&gt;` 值,每个值可以是 `none...

    改变选择table行的背景色

    - **CSS样式**:除了JavaScript逻辑外,还定义了一些基本的CSS样式,例如`.light`类设置了基本的字体大小、颜色、背景色等。这有助于保持页面的基本风格一致。 - **交互逻辑**:通过监听不同的事件(如鼠标悬停、...

    漂亮的花色背景二栏css3博客模板-博客 透明 css3 标准 简洁.rar

    这篇教程将围绕“漂亮的花色背景二栏css3博客模板”这一主题展开,详细解析如何利用CSS3技术创建一个美观且简洁的博客布局。在这个压缩包中,包含了一个README文件和博客模板的主要文件,让我们逐一深入探讨。 首先...

Global site tag (gtag.js) - Google Analytics