CSS之颜色和背景的属性设置
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之颜色和背景的属性设置相关推荐
- css 背景颜色默认,CSS 基础——颜色和背景属性
日常打卡,CSS 基础第二部分:颜色和背景属性.主要介绍了如何使用 CSS 样式设置元素的颜色.背景颜色和背景图像. 1.颜色属性 color color属性用来设置指定元素的颜色,颜色值是一个关键字 ...
- HTML、CSS定义字体、颜色、背景等属性
字体属性 字体font-family:"字体1","字体2",... 例:font-family:"宋体"; 字号font-size: ...
- css文字竖直显示_CSS属性设置 -- 盒子模型
Ⅰ 简介 HTML文档中的每个元素都被比喻成盒子,盒子模型通过四个边界来描述 margin -- 外边距,一个相框与另外一个相框之间的距离 border -- 边框,边框指的就是相框 padding ...
- 终端改变字体颜色和背景,控制光标,设置屏幕,更改样式与ANSI Esc(\033,\x1B,\e)转义序列用法
简介 ANSI 转义序列( Esc , \033 , \x1B , \e )是个特殊转义字符,它可以在终端控制光标,改变字体颜色和背景,设置屏幕或者使用私有模式来改变终端样式,使终端样式更美观,功能更 ...
- CSS:颜色、背景和剪切
颜色 CSS 中可以改变文字的颜色还有元素的背景颜色.可以用颜色关键字来定义颜色,如red,但是这些颜色关键字并不常用. transparent transparent可以让文字或背景变的完全透明的颜 ...
- 强大的CSS:颜色、背景和剪切
颜色 CSS 中可以改变文字的颜色还有元素的背景颜色.可以用颜色关键字来定义颜色,如red,但是这些颜色关键字并不常用. transparent transparent可以让文字或背景变的完全透明的颜 ...
- css对于字体和背景等属性的控制
字体(Font) css控制的字体属性包括font-family, font-style, font-variant, font-weight, font-size. 1.font-family: 由 ...
- vue body的背景图片属性设置
html {height: 100%;}/* 设置整个页面的样式 */body{/* 引用图片路径 */background-image: url("../assets/img/shouye ...
- css的背景颜色有哪些,css背景颜色、背景图片,以及列表的多种样式
背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...
- java表格怎样设置内间距_如何设置表格的间距和背景等属性
步骤一:在打开的网页文档中选择表格后,在"属性"面板中即可对表格的属性进行设置.首先设置表格的id和行列值. 步骤二:接下来设置表格的宽度和高度."宽"和&qu ...
最新文章
- 生物信息学常见数据格式 • fasta • fastq • gff/gtf 练习题
- Microsoft.Jet.OLEDB.4.0”提供程序不支持 ITransactionLocal 接口。本地事务不可用于当前提供程序...
- 限时抢购秒杀系统架构分析与实战
- GDCM:gdcm::IPPSorter的测试程序
- 08 / LiveVideoStack主编观察:开源RTC的机会来了吗?
- hibernate示例_通过示例Hibernate–第1部分(删除孤儿)
- 颜色选择器的设计与实现II
- django 1.8 官方文档翻译:13-1-3 密码管理
- 1000米感知能力?!图森无人车说这是他们的最新突破
- 19.浏览器Window服务($window)
- 核磁谱图分析步骤_微谱技术:想要涂料开发,少不了仪器分析……
- JavaEye,想说爱你不容易!
- Jmeter下载与安装
- 让oracle开机自动启动,设置CentOS下开机自动启动Oracle
- Http协议简单理解
- 魅蓝5s即将发布 真假快充15日揭晓答案
- OSDev——Bare Bones
- vue2一天时间段选择库(drag-weektime)代码学习
- POV系列制作之十字旋转LED
- DeepMind爆发史:决定AI高峰的“游戏玩家”|深度学习崛起十年
热门文章
- 网站常用广告代码大全
- 什么是云计算,云计算运营方式和部署方式介绍
- ASP.NET ZERO 学习 —— (1) 介绍
- web浏览器和web服务器的协议是,浏览器是如何与Web服务器进行通信的
- Android 减小APK包体大小方法总结
- 苹果系统虚拟机无usb服务器,Mac上Vmware虚拟机无法识别USB Key怎么办?Mac虚拟机无法识别USB Key解决方法...
- 微信域名屏蔽检测技术-微信域名防封防屏蔽的的原因
- html5字体的格式转换,font字体
- 人体计算机原理,人体静力学
- 证件照排版软件_证件照的后期处理与打印