利用CSS设置页面的垂直居中效果

实现垂直居中关键的属性是text-align（文字的对其样式），line-align（垂直居中的高度），vertical-align（垂直居中）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#content{text-align:center;   /*文字水平居中*/margin-right:auto;margin-left:auto;vertical-align:middle; /*文字垂直居中*/line-height:200px;     /*垂直居中的高度*/height:200px;         /*div高度*/width:400px;background:#cef;
}</style>
</head>
<body>
<div id="content">
<a>冻结了时间</a>
</div>
</body>
</html>

利用CSS设置页面的垂直居中效果相关推荐

html怎么让图片变灰色,利用CSS设置图片黑白/灰色效果，同时适用于整站变灰
写页面的时候由于页面风格原因,可能需要图片变灰色,如果用图片处理软件的话可能会比较麻烦,而且会增加图片的数量,不利于资源的合理利用. 下面提供两种方法: 1.使用CSS的 filter: gray; ...
CSS设置页面背景色
CSS设置页面背景色设置页面的背景色 CSS通过设置body标记的background-color属性来实现,背景色主要突出页面的主题,跟前景的文字颜色相配合. 具体的设定方法和文字颜色值的设定一样 ...
【Web应用开发】实验三：利用CSS设置网页内容样式
文章目录一.实验目的二.实验内容三. 网页效果展示四.小结一.实验目的了解CSS的基本含义及其基本用法: 掌握CSS样式应用的四种方法:行内样式.内嵌式.链接式.导入式: 了解CSS选择器 ...
如何用css设置文字的聚光灯效果
要用 CSS 设置文字的聚光灯效果,你可以使用 text-shadow 属性. 例如: .highlighted {text-shadow: 0 0 5px #ffff00; } 在这个例子中,我们为 ...
css 设置页面与屏幕同样高度
因为html默认height为0 所以如果要设置页面与屏幕同高,就要设置为height:100%,然后再将body的height也设置100% html,body{height:100% } 例子: ...
滚动html颜色,利用CSS设置网页滚动条颜色
如何用CSS设置滚动条颜色 www.52css.com 我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式,而是漂亮的红色或其它颜色样式,其实这就是在网页代码之间加入代码来实现的,具体是 ...
CSS 设置页面缩放
为了设置页面缩放,可以使用以下 CSS 属性: body {zoom: 80%; /* 缩放比例 */ } 或者使用以下 CSS 属性: body {transform: scale(0.8); /* ...
html 首字变大,CSS设置首字放大效果（代码实例）
本章给大家介绍CSS如何设置首字放大效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 在很多的文章中,都有一个首字放大的效果,在CSS中同样可以实现该效果. CSS中通过对第一个 ...
解决CSS 设置clear:both没有效果
我们知道消除浮动可以使得父级盒子可以被动态扩充,但是今天遇到设置标签后无效果的情况. 先给大家贴代码: <div class="box"><div class=& ...

利用CSS设置页面的垂直居中效果

利用CSS设置页面的垂直居中效果相关推荐

最新文章

热门文章