CSS链接边框

 2023-03-08 14:23:42  阅读 0

一、链接

超链接存在访问过的超链接以及没有访问过的超链接。接下来我们一起学习。

a:link {
	color: blue;
}

a:visited {
	color: red;
}

我们可以将未访问过的超链接和已经访问过的超链接各自使用伪类a:link和a:visited。活动的链接对应的伪类为a:active,有鼠标悬停的链接对应的伪类为a:hover。

在下面的示例代码中,我们将未访问过的链接设为浅蓝色。

a:link {
	color: #6699CC;
}

伪类: visited

伪类:visited用于浏览者已访问过的链接。比如,下面的代码将已访问过的链接设为深紫色:

a:visited {
	color: #660099;
}

链接-去掉链接的下划线

要去掉下划线,只要把text-decoration属性的值设为none就行了

a {
	text-decoration:none;
}

二、边框

设置对象的边框样式。

border : border-width || border-style || border-color

border-width length:由浮点数字和单位标识符组成的长度值,不可为负值

border-style none: 无边框 ,默认值

solid: 实线边框 double:双线边框

border-color color:指定颜色

border-collapse

separate  : 默认值。边框独立(标准HTML)

collapse  : 相邻边被合并

边框,制作表格

示例,表格宽度为1px,实线,黑色

 table{
		    border:1px solid black;   
		    border-collapse:collapse; 		
	   }
	   td {
		    border:1px solid black;   
		    border-collapse:collapse; 		
	   }

 

标签:

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码