添加下划线、上划线、删除线 默认是没有下划线
text-decoration:none;
:underline;
:overline;
:line-through;
图片后面的文字垂直居中、向上对齐、向下对齐、更往下对齐
vertical-align:middle;
:top;
:bottom;
:super;
伪类链接:
点击出现,离开消失 :hover;
浏览器没有访问过会显示link颜色 :link
已访问过的网址生效 :visited
鼠标单击 没有松开的时候会显示 :active
点击显示手指图像:hover{cursor:pointer;}
点击显示十字箭头图标:hover{cursor:all-scroll;}
伪类链接的顺序:a:link>a:visited>a:hover>a:ative
注意:冒号前面不要加空格!!!
列表样式:
list-style-type:none;圆点标记消失
:disc;实心圆点 默认值
:circle;空心圆
:square;实心正方形
:decimal;数字
自定义图片为图标:list-style-image:URL();
把标记符号包裹在里面:list-style-position:inside;
不把标记符号包裹在里面:list-style-position:outside;默认值;
简写去掉标记符号:list-style:none;
background-color具有复合属性
有三种表现方式:
:red;
:#ccc;
:rgb(255,255,255);
:transparent;透明色;
背景图像background-image:URL();
background-repeat:no-repeat;不平铺只显示一次;
:repeat-x;沿x轴方向平铺;
:repeat-y;沿y轴方向平铺;
background-position:30px 30px;像素显示;
:30% 30%;百分比显示;
:center center;关键词显示;
水平方向的关键词:left right center
垂直方向的关键词:top center bottom
background-position-x:left;
background-position-x:top;
x和y可以分开写
修改背景图片大小:
background-size:100% 100%;
:100px 100px;
背景图按照div宽度100%,高度是自动适应div,值是auto。