CSS 快速掌握

透明度rgba

透明度rgba

admin 2022-04-25 07:34:17 297浏览

由以下代码得出结论: 只要是颜色,都可以用透明度 rgba(红色,绿色,蓝色,透明度) a:表示透明度的意思,透明度取值:0~1之间0表示完全透明1表示不透明 ●背景颜色透明Background-color:rgba(255,255,255,0.3)...

圆角矩形border-radius

圆角矩形border-radius

admin 2022-04-25 07:24:35 209浏览

问题:如何实现圆形? 答:见div:nth-child(5);第一步:当前元素的宽度与高度要是一样的也就是这个元素是一个正方形;第二步:就是使用border-radius这个属性那么这个属性的值要等于宽高的一半. 问题:如何实现椭圆形? 答:见div...

盒子阴影box-shadow

盒子阴影box-shadow

admin 2022-04-25 07:20:26 249浏览

box-shadow:水平阴影|垂直阴影|模糊距离|阴影尺寸|阴影颜色|内(外)阴影 水平阴影和垂直阴影必须的写,其余的是可以省略不写; 语法box-shadow:h-shadow v-shadow blur spread color inset; ...

文本阴影text-shadow

文本阴影text-shadow

admin 2022-04-25 07:14:59 273浏览

text-shadow:水平阴影|垂直阴影|模糊距离|阴影颜色 注释:text-shadow属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是0。 <!DOCTYPE h...

伪元素before和after

伪元素before和after

admin 2022-04-25 07:11:00 243浏览

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text...

合并表格的边框线border-collapse

合并表格的边框线border-collapse

admin 2022-04-25 07:08:19 222浏览

这个属性主要是用于来合并表格的边框线其值为:collapse,语法格式为:border-collapse:collapse; <!DOCTYPE html> <html> <head> <meta chars...

css结构伪类

css结构伪类

admin 2022-04-25 06:58:18 217浏览

css3=css2+新语法+新的属性,就是对css2进行扩充/删减/优化. 结构伪类 选择器 功能 E:first-child 匹配第一个孩子 E:last-child 匹配最后一个孩子 E:nth-child(n) 匹配第n个孩子 E:nth-ch...

z-index属性

z-index属性

admin 2022-04-25 06:49:41 280浏览

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text...