颜色属性无处不在。字体要用颜色，背景可以有颜色，粒子特效更是离不开颜色。本文参考了一些资料简单总结下以备日后查阅。 css中颜色的定义方式：十六进制色RGB & RGBAHSL & HSLA颜色名十六进制色 个人最喜欢的一种颜色表达方式。 十六进制颜色是这样规定的：#RRGGBB，其中的RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分。所有值必须介于
转载
2017-05-18 14:35:35
359阅读
css3新增属性???? 边框属性 背景属性 文本属性 颜色属性 颜色属性值???? color：<name-color>。例如：red、green、blue... color：<hex-color>。例如：#eee、#ccc、#333... color：<rgb()>。例如：rgb(255,120,199 ...
转载
2021-10-19 15:37:00
172阅读
2评论
一、线性渐变多种颜色之间的渐变，默认从上到下。也可以使用关键词设置线性渐变的方向，to，代表往哪儿去，联合top\right\bottom\left，就规定了向上\右\下\左的方向渐变过度；也可以使用角度值（例：90deg）设置线性渐变的方向background-image: linear-gradient(red,yellow,green); /*默认从上到下渐变*/
background-
原创
2023-11-01 14:27:46
439阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 300px; height: 300px; border: 1px solid red; } .box1 { background-color: #000;
原创
2021-11-16 16:45:27
292阅读
CSS3支持以下其他颜色属性-
RGBA 颜色
HSL 颜色
HSLA 颜色
Opacity 透明
RGBA 代表 Red Green Blue...
原创
精选
2024-01-24 13:11:59
352阅读
在项目中有很多地方可以用到背景色的渐变，例如：左侧菜单栏的背景色，顶部导航栏背景色等等。CSS
原创
2022-07-22 21:44:25
1046阅读
CSS3动画的常见属性（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="\
原创
2022-10-20 10:05:54
329阅读
盒模型，阴影，圆角，过渡，变换。
转载
2016-04-02 22:32:00
173阅读
2评论
一、线性渐变在CSS中部分属性需要添加浏览器前缀-moz-:表示火狐内核浏览器-webkit-:表示谷歌内核浏览器-ms-:表示IE内核浏览器-o-:表示欧朋(opera)内核浏览器<style>
.div1{background-p_w_picpath:linear-gradient(to top,red,green);width:400px;height:180px;}
原创
2016-07-05 21:34:37
781阅读
CSS3颜色特性“佛靠金装，人靠衣装”，网页也是如此。随着互联网的迅速发展，一个网页给人们留下的第一印象，既不是它的内容，也不是它的设计，而是整体颜色。为了能够达到人们的需求，Web设计师除了需要掌握网站制作的技术之外，还必须能够很好地应用Web颜色。换句话说，网站颜色的使用好坏，直接影响网站的生存力。网页色彩的表现原理：我们知道有256种Web安全颜色，其实这256种颜色是指8位颜色的表现能力，
原创
2018-10-04 14:17:01
945阅读
CSS3属性calc函数（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="\
原创
2022-10-20 10:06:01
223阅读
"CSS" 列指示该属性是在哪个 CSS 版本（CSS1、CSS2 或 CSS3）中定义的。CSS3 动画属性（Anima
转载
2023-04-05 22:46:29
83阅读
CSS3属性选择器(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-eq
原创
2022-10-20 10:11:02
504阅读
介绍 css通过背景属性控制背景的一些样式 属性 background-color 作用：设置HTML标签的背景色 值； yellow：设置背景色为黄色 background-img 作用：设置HTML标签的背景图片 值： url(图片相对地址) background-repeat 作用：设置背景图 ...
转载
2021-09-15 18:40:00
289阅读
2评论
div{ /*实现了宽度为父容器宽度减去固定的300像素*/ width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); } ...
转载
2021-10-26 15:15:00
284阅读
2评论
#rotate { margin: 0 auto;width: 600px; height: 400px;/* 确保我们是在一个 3-D 空间 */ transform-style: preserve-3d;/*让整个行使用x-轴旋转、7秒中的动画、无限次播放以及线性 */ animation-name: x-spin;animation-duration: 7s;animatio
转载
2010-11-02 16:48:00
142阅读
2评论
圆角效果以前：做一个图片做为按钮背景现在：border-radius 半径值阴影以前：带阴影的图片现在：盒阴影box-shadow文本阴影te
原创
2023-01-03 15:06:41
90阅读
浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 属性 transform (2D) 36.04.0 -webkit- 10.09.0 -ms- 16.03.5 -moz- 9.03.2
原创
2021-05-14 20:21:12
164阅读
css3中关于Border的属性一共有三个：圆角border-radius,图片边框border-p_w_picpath,边框多颜色border-color,其中圆角border-radius是常用的一个属性。
一、圆角border-radius
1、语法
border-radius ： none | <length>{1,4}
原创
2013-01-07 14:25:06
1189阅读
CSS3过渡多年来，Web前端开发人员一直在寻求通过HTML和CSS实现一些动画交互效果，而不再使用JavaScript或Flash。现在他们的愿望实现了。CSS3除了给我们带来前面介绍的一些特殊功能模块之外，还为Web设计师添加了一些动画功能模块。可以通过:hover、:focus、:active、:checked或者JavaScript触发一个元素，这样，外观变化会显得更细腻，而不会让人感觉“
原创
2018-10-08 14:09:38
1126阅读
