Css3美化【让你的网页独一无二！】

一.span标签：能让某几个文字或者某个词语凸显出来 <p> 今天是11月份的<span>第一天</span>，地铁卡不打折了 </p>

二.字体风格 font-family：字体类型 font-size:字体大小 font-style：字体风格 font-weight:字体粗细 font: 风格粗细大小类型; 三.文本样式

color 设置文本颜色 rgb(0,0,255),rgba(0,0,255,0.5) text-align 设置元素水平对齐方式 text-indent 设置首行文本的缩进 line-height 设置文本的行高 text-decoration 设置文本的装饰 vertical-align 设置文本垂直方式 text-shadow 设置文字阴影 text-shadow: 颜色 x轴偏移位置 y轴偏移位置模糊半径四.超链接伪类单击访问前 .class01:link{ color: green; text-decoration: none; } 单击访问后 .class02:visited{ color: pink; text-decoration: none; } 鼠标悬浮 .class03:hover{ color: aqua; text-decoration: none; } 单击未释放 .class04:active{ color: red; text-decoration: none; } 五.列表样式 list-style-type 列表项前图标 list-style-image 列表项前图片 list-style-image:url(../image/QQ图片20181101095555.png);

六.背景样式 background-color 设置背景颜色 background-image 设置背景图像 background-repeat 设置图像是否平铺 background-position 设置背景图像位置 background: 背景颜色背景图像 x轴偏移位置 y轴偏移位置平铺; 七.渐变 IE浏览器是Trident内核，加前缀：-ms- Chrome浏览器是Webkit内核，加前缀：-webkit- Safari浏览器是Webkit内核，加前缀：-webkit- Opera浏览器是Blink内核，加前缀：-o- Firefox浏览器是Mozilla内核，加前缀：-moz- background: -webkit-gradient(linear,left bottom,right top,from(red),to(blue)); background: linear-gradient(to bottom left,red,black);

巴特西

Css3美化【让你的网页独一无二！】

最新文章

热门文章