1.颜色属性color
语法:color:颜色取值
color属性用来设置指定元素的颜色,颜色值是一个关键字或一个十六进制的RGB值。
-所谓关键字就是颜色的英文名称。(red,blue,green)
示例:
color:red
color:blue
-用十六进制表示颜色(记住就行,不需要知道为什么)
示例:
color:#ff0000
color:#000099

2.背景颜色background-color
语法:background-color:颜色取值
设置网页的背景颜色还可以设置文字的背景颜色

3.背景图像background-image
语法:background-image:url(图像地址)
设置元素的背景图像,图像地址可以是绝对地址,也可以是相对地址。

4.背景重复background-repeat
语法:background-repeat:取值
no-repeat-------表示背景图像不平铺
repeat--------表示背景图像是否平铺排满整个页面
repeat-x--------表示背景图像只在水平方向上平铺
repeat-y---------表示背景图像-只在垂直方向上平铺

5.背景附件background-attachment
语法:background-attachment:scroll/fixed
设置背景图像是否随对象滚动还是固定不动。
说明:scroll表示背景图像随对象滚动,是默认选择;fixed表示背景图像固定在页面上不动,只有其他内容随滚动条滚动。

6.背景位置background-position
语法:background-position:位置取值
该属性用于设置背景图像的位置,这个属性只能用于块级元素和替换元素。替换元素包括(img,input,textarea,selcet,object)
注:取值一种是采用数字,另一种是关键字描述。

设置值 释义
x(数值) 设置网页横向位置
y(数值) 设置网页纵向位置

CSS之颜色和背景的属性设置相关推荐

  1. css 背景颜色默认,CSS 基础——颜色和背景属性

    日常打卡,CSS 基础第二部分:颜色和背景属性.主要介绍了如何使用 CSS 样式设置元素的颜色.背景颜色和背景图像. 1.颜色属性 color color属性用来设置指定元素的颜色,颜色值是一个关键字 ...

  2. HTML、CSS定义字体、颜色、背景等属性

    字体属性 字体font-family:"字体1","字体2",...    例:font-family:"宋体"; 字号font-size: ...

  3. css文字竖直显示_CSS属性设置 -- 盒子模型

    Ⅰ 简介 HTML文档中的每个元素都被比喻成盒子,盒子模型通过四个边界来描述 margin -- 外边距,一个相框与另外一个相框之间的距离 border -- 边框,边框指的就是相框 padding ...

  4. 终端改变字体颜色和背景,控制光标,设置屏幕,更改样式与ANSI Esc(\033,\x1B,\e)转义序列用法

    简介 ANSI 转义序列( Esc , \033 , \x1B , \e )是个特殊转义字符,它可以在终端控制光标,改变字体颜色和背景,设置屏幕或者使用私有模式来改变终端样式,使终端样式更美观,功能更 ...

  5. CSS:颜色、背景和剪切

    颜色 CSS 中可以改变文字的颜色还有元素的背景颜色.可以用颜色关键字来定义颜色,如red,但是这些颜色关键字并不常用. transparent transparent可以让文字或背景变的完全透明的颜 ...

  6. 强大的CSS:颜色、背景和剪切

    颜色 CSS 中可以改变文字的颜色还有元素的背景颜色.可以用颜色关键字来定义颜色,如red,但是这些颜色关键字并不常用. transparent transparent可以让文字或背景变的完全透明的颜 ...

  7. css对于字体和背景等属性的控制

    字体(Font) css控制的字体属性包括font-family, font-style, font-variant, font-weight, font-size. 1.font-family: 由 ...

  8. vue body的背景图片属性设置

    html {height: 100%;}/* 设置整个页面的样式 */body{/* 引用图片路径 */background-image: url("../assets/img/shouye ...

  9. css的背景颜色有哪些,css背景颜色、背景图片,以及列表的多种样式

    背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...

  10. java表格怎样设置内间距_如何设置表格的间距和背景等属性

    步骤一:在打开的网页文档中选择表格后,在"属性"面板中即可对表格的属性进行设置.首先设置表格的id和行列值. 步骤二:接下来设置表格的宽度和高度."宽"和&qu ...

最新文章

  1. 生物信息学常见数据格式 • fasta • fastq • gff/gtf 练习题
  2. Microsoft.Jet.OLEDB.4.0”提供程序不支持 ITransactionLocal 接口。本地事务不可用于当前提供程序...
  3. 限时抢购秒杀系统架构分析与实战
  4. GDCM:gdcm::IPPSorter的测试程序
  5. 08 / LiveVideoStack主编观察:开源RTC的机会来了吗?
  6. hibernate示例_通过示例Hibernate–第1部分(删除孤儿)
  7. 颜色选择器的设计与实现II
  8. django 1.8 官方文档翻译:13-1-3 密码管理
  9. 1000米感知能力?!图森无人车说这是他们的最新突破
  10. 19.浏览器Window服务($window)
  11. 核磁谱图分析步骤_微谱技术:想要涂料开发,少不了仪器分析……
  12. JavaEye,想说爱你不容易!
  13. Jmeter下载与安装
  14. 让oracle开机自动启动,设置CentOS下开机自动启动Oracle
  15. Http协议简单理解
  16. 魅蓝5s即将发布 真假快充15日揭晓答案
  17. OSDev——Bare Bones
  18. vue2一天时间段选择库(drag-weektime)代码学习
  19. POV系列制作之十字旋转LED
  20. DeepMind爆发史:决定AI高峰的“游戏玩家”|深度学习崛起十年

热门文章

  1. 网站常用广告代码大全
  2. 什么是云计算,云计算运营方式和部署方式介绍
  3. ASP.NET ZERO 学习 —— (1) 介绍
  4. web浏览器和web服务器的协议是,浏览器是如何与Web服务器进行通信的
  5. Android 减小APK包体大小方法总结
  6. 苹果系统虚拟机无usb服务器,Mac上Vmware虚拟机无法识别USB Key怎么办?Mac虚拟机无法识别USB Key解决方法...
  7. 微信域名屏蔽检测技术-微信域名防封防屏蔽的的原因
  8. html5字体的格式转换,font字体
  9. 人体计算机原理,人体静力学
  10. 证件照排版软件_证件照的后期处理与打印