常见背景属性(一) 。

在网页设计中,背景占据着非常重要的位置。不同背景的网页整体的感觉和氛围会有很大的变化,有很多不同的属性应用到背景的书写上。

[div]

背景色

颜色名称

大多数浏览器支持颜色名称。

CSS中定义了140种颜色的名称。单击此处查看所有浏览器支持的颜色名称。

见CodePen上karen (@karen0922)的钢笔背景色1。

十六进制颜色

大多数浏览器支持十六进制颜色值。

十六进制颜色用法是:#RRGGBB。

其中RR代表红色,GG代表绿色,BB代表蓝色。所有值必须在00和FF之间。

见CodePen上karen (@karen0922)的钢笔背景色2。

RGB和RGBA颜色[div]

RGB

大多数浏览器支持RGB颜色值。

RGB颜色是rgb(绿,蓝)。三个值用于定义颜色。该值是介于0和255之间的整数或百分比值。值越高,颜色占用的空间越大。

RGBA

浏览器支持IE9+、Firefox 3+、Chrome、Safari和Opera 10+中的RGBA。

RGBA的前三个值的使用方式与RGB相同,最后一个alpha值有所不同,用于指定透明度。参数介于0.0(完全透明)和1.0(完全不透明)之间。

见CodePen上karen (@karen0922)的钢笔背景色3。

Hsl和Hsla color

HSL

IE9+、Firefox、Chrome、Safari和Opera 10+中的浏览器都支持HSL。

HSL的颜色值是(色相,饱和度,亮度)来定义颜色。

色相(H)是颜色的基本属性,也就是颜色名称,比如红色和黄色,用0°到360°来表示。0度是红色,120度是绿色,240度是蓝色。

饱和度(S)指颜色的纯度,取值范围为0%到100%。数字越大颜色越纯,颜色越小越灰。

亮度(L)指一种颜色的亮度,范围从0%到100%。数字越大越亮,越小越暗。

[/s2/]HSLA

浏览器支持IE9+、Firefox、Chrome、Safari和Opera 10+中的HSLA。

HSLA的前三个值的使用方式与HSL相同,但最后一个alpha值不同,它用于指定透明度。参数介于0.0(完全透明)和1.0(完全不透明)之间。

见CodePen上karen (@karen0922)的钢笔背景色4。

以上是背景纯色的使用介绍。光是纯色的运用方法就那么多,不同的地方可以运用不同的写法。之后会介绍更多其他属性的介绍。

[div][div]

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/87068.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年9月10日 02:38
下一篇 2022年9月10日 02:38

相关推荐

  • 网站建设当中影响优化的要素都有哪些。

    众所周知随着很多企业加入互联网战场,使得现在搜索引擎费用大大增加,但很多中小企业是没有什么钱去做搜索引擎竞价推广的,所以他们必须借助网站优化。为节省优化费用,网站建设必须认真对待,那么,网站建设当中…

    2022年10月28日
    016
  • 什么叫产品seo描述。

    其实产品的描述和我们的网站定位,以及后续的推广也是非常必要的。大家应该知道,网站seo优化是非常关键的。想要提高网站排名,有更好的影响力,自然要知道什么是产品SEO描述,也要做一个基础的SEO优化工作。但是很…

    2022年9月10日
    080
  • 10个特殊的CSS技术和实例介绍 。

    10种特殊CSS技术及实例介绍 在浩瀚的互联网中,网站成千上万,优秀的网页设计更是数不胜数。本文以CSS样式表为重点,寻找20种优秀的CSS技术和实例进行介绍。这些网站展示了CSS的能力和健壮性。你会看到各种不同的技…

    2022年9月10日
    067
  • 网站是怎样整体优化的。

    想做SEO才知道网站降低用户跳动率有多重要。很多有自己网站的站长都期望用户在他们的网站上停留更多的时间,期望用户点击页面,看到更多的内容,尽可能的达到他们的指引。 另外,网站的低跳出率会加深搜索引擎对我…

    2022年9月10日
    052
  • 制作移动端网站的四个步骤。

    新手网站建设第一步就是明确网站主题。网站主题有多种类型,例如:汽车、美食、旅游、美妆等,如果是企业网站就应该依据企业的行业性质来定位主题,而个人网站则可以选择自己喜欢的主题。明确网站主题,站长才可以…

    2022年7月4日
    0108
  • 定制企业网站的几个步骤。

    在定制企业官网的时候得有一个清晰明确的目标,我们不仅仅是需要一些简单的功能和信息的汇总,而是需要能够提升公司整体品牌形象的官方展示门面。在建站之初我们要对网站做一个整体的规划,需要哪些栏目、功能达到…

    2022年7月4日
    0136
  • 网站建设时界面视觉设计要点有哪些。

    网页设计师为了使界面设计更加系统和人性化,网页界面设计的视觉效果也很重要,这样不仅可以提高用户的操作兴趣,还能提升用户体验,那么对于网站建设时界面视觉设计要点都有哪些呢?下面就带大家一起来了解一下。 …

    2022年10月19日
    035
  • 我来分享用户体验优化让杭州高端网站建设创收事半功倍。

    用户体验的好坏直接决定着网站流量的大小和杭州高端网站建设是否成功。如果用户体验到位,网站极容易将新访客转化成网站的回头客,也非常方便网站的来访者将网站推荐、告诉给自己的朋友,进而快速扩大网站流量,让…

    2023年6月26日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息