背景颜色设置成透明实例教程

来源：懂视网责编：小采时间：2020-11-27 15:29:47

背景颜色设置成透明实例教程

背景颜色设置成透明实例教程:1.小三角，通过给一个div设置足够大的边框，让它的上边框，右边框，左边框，的背景颜色设置成透明的，来实现，如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&

推荐度：

点击下载本文 文档为doc格式

导读背景颜色设置成透明实例教程:1.小三角，通过给一个div设置足够大的边框，让它的上边框，右边框，左边框，的背景颜色设置成透明的，来实现，如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&

1.小三角，通过给一个div设置足够大的边框，让它的上边框，右边框，左边框，的背景颜色设置成透明的，来实现，如下：

<!DOCTYPE html>
<html>

	<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
	#demo {
	width: 0;
	height: 0;
	/*边框的宽20px*/
	border-width: 20px;
	/*边框样式,实线*/
	border-style: solid;
	/*边框颜色*/
	border-color: transparent transparent red transparent;
	}
	</style>
	</head>

	<body>
	<!--小三角，transparent透明的，-->
	
	<div id="demo">
	
	</div>
	</body>

</html>

　　2.a标签的移动端问题：

　　 1》当再点击a标签的时候，它会有默认的背景颜色，解决办法

　　　　 1 -webkit-tap-highlight-color:transparent;

　　　2》当点击时可能会出现下划线，解决方法

1 text-decoration: none; //或者2 3 border: none；//或者4 5 outline:none;

　　　　3>当鼠标放上去时显出下划线，解决办法；

a:hover{
 
text-decoration:none;
}

　　a标签是一个行内标签，如果要设置它的宽高或多个样式可通过display：block;将其变为块级标签。

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

背景颜色设置成透明实例教程

推荐度：

点击下载本文 文档为doc格式

标签：设置背景颜色

热门焦点

背景颜色设置成透明实例教程

背景颜色设置成透明实例教程

背景颜色设置成透明实例教程

最新推荐

猜你喜欢

热门推荐