前端-基础篇-CSS-背景颜色的几种表示方法

本文介绍了CSS中设置背景颜色的三种方式:1) 使用颜色英文单词,适用于基础颜色;2) 十六进制代码表示,可通过PS取色器获取;3) RGB表示法,同样可以从PS或其他色卡中得到RGB数值。并提供了相应的代码示例。
摘要由CSDN通过智能技术生成

一、背景颜色的几种表示方法

  1、用颜色英文单词表示

这种一般适用于基本颜色表示(比如红黄蓝绿)

background:red
  2、用(ps)取色器获取到的十六进制代码表示

1)可以利用ps软件拾取颜色获得图片中颜色的十六进制代码
在这里插入图片描述
2)将获取到的十六进制颜色代码写入背景颜色样式中

background:#bae5f5
  3、用(ps)取色器获取到(或色卡)的RGB表示

第2点的方法也可以获取到RGB数值,将RGB数值写入背景颜色样式中

background:rgb(186,229,245)

二、代码示例

可复制到编辑器保存为html格式,再用浏览器打开预览

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>颜色的几种代码表达方式</title>
		<style>
			#div1{width:200px;height:200px;background:red;}
			/*用颜色英文单词表示*/
			#div2{widt
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值