大家好，又见面了，我是你们的朋友全栈君。
超链接样式&图片样式
超链接样式
1、去除超链接下划线
text-decoration:none
2、定义超链接伪类
a:link{CSS样式} a:visited{CSS样式} a:hover{CSS样式} a:actived{CSS样式}
| 属性 | 说明 |
|---|---|
| a:link | 定义a元素未访问时的样式 |
| a:visited | 定义a元素访问后的样式 |
| a:hover | 定义鼠标经过显示的样式 |
| a:active | 定义鼠标单击激活时的样式 |
定义这四个伪类，必须按照“link、visited、hover、active”的顺序进行
一般情况下，只用到2种状态：未访问状态和鼠标经过状态。未访问状态，直接在a标签定义就行了，没必要使用“a:link”。
3、hover伪类
元素：hover{}, “元素”可以是任意的块元素和行内元素。
4、CSS鼠标样式
cursor:属性值
一般只用到default和pointer两个属性值。
图片样式
1、图片大小
width:像素值；height:像素值
2、图片边框
属性：border-width;border-style;border-color
简洁写法：border: 1px solid gray
3、图片水平对齐
text-align:left,center,right
4、图片垂直对齐
vertical-align:top/middle/baseline/bottom
5、文字环绕效果-初始float
| float属性值 | 说明 |
|---|---|
| left | 元素向左浮动 |
| right | 元素向右浮动 |
设置图片与文字的间距：给img添加margin属性
img{margin-top:20px;margin-left:20px;float:left;}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/161753.html原文链接：https://javaforall.net
