`

css基础--背景与颜色

CSS 
阅读更多

颜色

color: rrggbb

       红色 #ff0000 绿色 #00ff00 蓝色 #0000ff  #00f黑色 #000000 #000白色 #ffffff #fff    

color: rgb(255,0,0)

       红色 rgb(255,0,0) 绿色 rgb(0,255,0) 蓝色 rgb(0,0,255) 黑色 rgb(0,0,0) 白色 rgb(255,255,255)

color: rgb(100%,0%,0%)

 

背景 

background-color背景颜色属性

       background-color:要设置的背景颜色

background-image背景图片属性

       background-image:<url>|none</url>

       eg)background-image:url(images/fish.gif)

background-repeat背景图片并排属性

       background-repeat:repeat(默认,背景图片并排处理)|repeat-x(背景图片水平重复)|repeat-y | no-repeat(背景图片不并排处理)

background- attachment固定背景图片属性

       background-attachment: scroll(当移动滚动条时,背景图片跟着移动) | fixed (背景图片不跟着移动)

background-position背景图片位置属性

     1)  background-position:20% 20%水平位置和垂直位置的比例

     2)  background-position:10px 10px css中的量

分享到:
评论

相关推荐

    css基础-梦之都教学

    【CSS基础-梦之都教学】是为初学者设计的一套教程,旨在让学习者能够轻松掌握CSS的基础知识。CSS,即层叠样式表(Cascading Style Sheets),是一种用于定义HTML或XML(包括SVG、MathML等各种XML方言)文档呈现方式...

    曹鹏CSS视频教程-17.背景颜色.rar

    CSS作为网页设计的核心技术之一,用于控制网页元素的样式,包括字体、布局、颜色和视觉效果等,而背景颜色是CSS中最基础且重要的概念之一。 在本教程中,曹鹏老师可能详细阐述了如何使用CSS设置网页元素的背景颜色...

    纯html-模板花纹背景的个人博客CSS模板-花纹 橙色 花 博客 渐变.zip

    同时,`background-gradient`可以创建渐变背景,这在CSS3中得以实现,可以是线性渐变或径向渐变,通过`linear-gradient()`或`radial-gradient()`函数定义。 例如,要创建一个从浅橙到深橙的线性渐变背景,可以这样...

    css背景颜色透明-base.css-master.zip

    "base.css-master.zip"这个压缩包文件很可能包含了一个基础的CSS样式库,用于实现背景颜色透明的效果。下面将详细探讨如何在CSS中设置背景颜色透明,以及它与HTML的交互。 1. **CSS颜色透明度**: CSS提供了多种...

    CSS经典练习-css-diner-develop.7z

    其中,CSS(层叠样式表)尤为重要,它负责定义网页的布局、颜色、字体等视觉效果。"css-diner-develop"是一个专为CSS初学者设计的经典练习项目,旨在帮助学习者通过实践来掌握CSS选择器的使用技巧。 这个项目包含一...

    纯html模板-简单-好看-学习资料-个性花纹背景CSS模板-个性 花纹 企业 博客.zip

    在这个模板中,个性化的花纹背景就是通过CSS实现的,它可能涉及到背景图像、背景颜色、图案重复、透明度等属性的设置。此外,CSS还可以用来实现响应式设计,让网页在不同设备上都能呈现出良好的视觉体验。 ...

    CSS工具-CSS工具

    综上所述,以上工具覆盖了CSS设计与开发的各个方面,从颜色提取到布局生成,再到代码优化与压缩,每个工具都有其独特的功能和应用场景。对于前端开发者来说,熟练掌握这些工具不仅可以提高工作效率,还能提升项目的...

    CSS基础2-选择器进阶+背景属性+元素显示模式+三大特性

    CSS基础背景相关属性: 背景相关属性是指用于装饰元素背景样式的属性。 1. 背景颜色: 背景颜色是指元素的背景颜色。其属性名是background-color(bgc),属性值可以是颜色取值,例如:关键字、rgb表示法、rgba...

    css--实验报告.doc

    4. **CSS基础知识** - **概念和特点**:CSS是层叠样式表,用于控制网页样式,提供了诸如字体、颜色、背景等丰富的格式化功能。 - **使用方式**:CSS可以通过内联样式、内部样式表和外部样式表等方式引入到HTML中。...

    CSS属性大全-基础属性

    **说明**: 设置元素的背景颜色。例如: ```css body { background-color: #00ff00; /* 绿色 */ } ``` #### 背景图像 - **语法**: `background-image: &lt;值&gt;;` - **允许值**: none | url(image-url)。 - **初始值**...

    css基础教程--CSS快速入门、怎样编写CSS、CSS属性、CSS定位、CSS滤镜 

    - `background-color`:设置背景颜色。 - `font-size`:设置字体大小。 - `margin`/`padding`:控制元素周围的空间。 - `border`:定义边框样式、宽度和颜色。 - `display`:控制元素的显示方式,如`block`、`...

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

    在本形考任务四中,我们关注的核心是利用CSS(Cascading Style Sheets)样式来增强HTML文档的视觉效果,具体来说就是设置背景颜色、标题颜色以及段落颜色。这是一项基础但至关重要的技能,对于网页设计和开发来说是...

    div+css基础

    ### div+css基础知识点 #### CSS简介 - **定义**:CSS全称为Cascading Style Sheets,即级联样式表,是一种用来描述HTML文档外观和格式的语言。 - **作用**:CSS主要用于控制网页布局和样式设计,使得网页更加美观...

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

    对于大多数情况来说,背景颜色是一种简单且有效的装饰方式,尤其是在需要为较大的区域或整个页面设置统一色彩时更为实用。 #### 二、图片设置:`background-image` **语法**: ```css {background-image: url('...

    css----中文教程

    本教程将全面解析CSS的基础知识,帮助您深入理解其结构和属性,从而更好地进行网页布局和美化。 一、CSS结构 CSS的基本结构由选择器和声明组成。选择器指向我们想要应用样式的元素,而声明则定义了这些元素的样式...

    css3-frog-expression.zip

    接着,CSS3的边框与背景特性让青蛙的表情更加丰富多彩。我们可以设置边框颜色、宽度、样式,甚至使用渐变或图片作为边框。背景则可以设定为单色、渐变、图案,甚至可以使用CSS3的背景裁剪(background-size)和背景...

    纯html模板-css学习-宽窄页面设计-简单的黑色博客CSS模板-简单 黑色 博客 二栏 窄.zip

    黑色背景通常与白色或亮色文字形成鲜明对比,提高可读性。同时,二栏布局是网页设计中的一种常见模式,左侧通常用于显示导航菜单、侧边栏信息,右侧则展示主要内容。这种布局有助于用户快速找到所需信息,提升用户...

    「HTML+CSS」--自定义按钮样式【004】

    例如,我们可以设置按钮的背景色、文字颜色、边框宽度和样式: ```css button { background-color: #4CAF50; /* 背景色 */ color: white; /* 文字颜色 */ padding: 15px 32px; /* 内边距 */ text-align: center...

    头歌教学实践平台 Web前端开发基础 CSS-背景样式

    1. **背景颜色**:CSS允许我们为元素设置背景颜色。使用`background-color`属性可以指定任何CSS颜色值,如`#rrggbb`十六进制、`rgb(r, g, b)`或预定义的颜色名称,如`red`。 2. **背景图像**:`background-image`...

    Css样式 -实例练习

    ### CSS样式实例练习详解 ...通过这些实例练习,我们不仅掌握了CSS基础语法的应用,还学会了如何创建、编辑及应用外部样式表,以及如何精细控制网页元素的样式。这为更高级的Web设计技巧奠定了坚实的基础。

Global site tag (gtag.js) - Google Analytics