总结项目开发中用到的一些csshtml技巧

Posted 2020-08-23

这篇就是用来总结记录的，会长期更新。

1，半透明背景效果（#ffffff颜色的半透明背景）：

	background-color: #ffffff;
	filter:alpha(opacity=60);
	opacity:0.6;

2，链接样式设计，可以控制点击前样式，鼠标悬挂在链接上时候的样式：

#h_pic a:link {
	text-decoration:none;
        color: black;
}

#h_pic a:visited {
	text-decoration:none;
         color: black;
}

#h_pic a:hover {
	/*text-decoration:underline;*/
	color:green;
}

#h_pic a:active {
	/*text-decoration:underline;*/
	color:green;
}

3，设置div高度，若div里面内容超过这个高度，则隐藏：

	height:400px;
	overflow:hidden;

4，圆角边距：

	/*圆角边距*/
	border:2px solid;
	border-radius:15px;
	/* Old Firefox */
	-moz-border-radius:25px; 

5，对齐问题：

  当一个div在另一个div中时：

       float:left;
       float:right;