CSS3选择器、边框、背景

CSS3属性选择器CSS3选择器、边框、背景

 

 

 CSS3伪类选择器

CSS3选择器、边框、背景

 

 

 CSS3伪元素选择器

CSS3选择器、边框、背景

颜色

 十六进制、

RGB颜色

RGBA颜色

RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。Alpha参数是一个介于0.0
(完全透明)和1.0(完全不透明)之间的参数

HSL颜色

HSL代表色相,饱和度和亮度-使用色彩圆柱坐标表示。
HSL颜色值指定:HSL(色调,饱和度,明度)。
色相是在色轮上的程度(从0到360)-0(或360)是红色的,120是绿色的,
240是蓝色的。饱和度是一个百分比值;0%意味着灰色。100%的阴影是全彩。亮
度也是一个百分点;0%是黑色的,100%是白色的。

HSLA颜色

指定HSLA颜色值:HSLA(色调,饱和度,亮度,α),α是Alpha参数定义的
不透明度。Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参
数。

CSS3文本阴影

text-shadow:5px5px5px#FF0000;

盒子阴影

同上

CSS3圆角

 

border-radius:25px;

CSS3实现三角形

三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左
右)的设置为border-方向:长度solidred,这个画的就是底部的直线。其他边使用
border-方向:长度solidtransparent。(2)有两个横竖边(上下左右)的设置,若
斜边是在三角形的右边,这时候设置top或bottom的直线,和右边的斜线。若斜
边是在三角形的左边,这时候设置top或bottom的直线,和左边的斜线。

 

上一篇:27.常用选择器《Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通》


下一篇:CSS3渐变、过渡、转换、动画