几个常见的Css样式的写法（有待补充）

最新推荐文章于 2021-12-10 13:45:08 发布

liuzx32

最新推荐文章于 2021-12-10 13:45:08 发布

阅读量770

点赞数

分类专栏： CSS 文章标签： css div url float

本文链接：https://blog.csdn.net/liuzx32/article/details/7761725

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

常规的Css样式的写法：

	.box{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
	.box img{ vertical-align: middle;}
	.center{ vertical-align: middle; text-align: center;}

#后面对应着id的名称：

	#imglist{ list-style:none; overflow:hidden; position:relative; padding:0; width:100%; height:100%; vertical-align: middle;}
	#imglist li{position:absolute; width:100%; left:0px; height:100%; vertical-align:middle; text-align:center; float:left;}
	#imglist li img{vertical-align:middle; text-align:center; margin:auto;}

内嵌图片的Css样式：

	#btnLeft{background:transparent url('/images/pic5.png') no-repeat 0 180px;left:0px;}
	#btnRight{background:transparent url('/images/pic6.png') no-repeat 0 180px;right:0px;}

Div结合Style的写法：

<div id="allcover" style="background:white;position:absolute;height:420px;width:100%;top:0px;left:0px;z-index:-1;-webkit-transition: all 317ms linear;">
</div>