css背景图片、隐藏、指针、垂直居中、去除下划线、缩进、列表类型
<html><head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body{
/*设置字体大小*/
font-size: 30px;
/*设置文字颜色*/
color: red;
/*字体加粗*/
font-weight: bolder;
} div{
/*复合属性,可用于设置颜色和图片*/
background: url("img/7.jpg");
/*设置背景的尺寸, cover跟随标签的尺寸显示*/
background-size: cover;
width: 300px;
height: 300px; /*水平居中,取值:left right center*/
text-align: center;
/*都是隐藏内容,区别:
1.display会连同尺寸一起隐藏
2.visibility不会隐藏尺寸
*/
display: none;
visibility: hidden;
/*设置光标的显示类型: crosshair pointer*/
cursor: pointer;
} span{
/*背景颜色*/
background-color: blue;
/*宽度*/
width: 300px;
/*高度*/
height: 200px;
/*行高,用于垂直居中*/
line-height: 200px; } a{
/*设置去除下划线,用于a标签*/
text-decoration: none;
} .one{
/*设置缩进: % */
text-indent: %;
} ul{
/*设置列表的类型: none square*/
list-style:square;
} #main{
/*设置背景颜色*/
background-color: red;
/*设置宽度*/
width: 90px;
/*设置高度*/
height: 120px;
/* 超出标签的内容处理:hidden, auto */
overflow: hidden;
}
</style>
</head>
<body>
<!--<div></div>-->
<!--<span></span>-->
<!--<p></p>--> <div>
<span></span>
</div>
<p class="one">21323243423434efwqewqfewqfewqfewq</p>
<p>21323243423434fewqfewqfew</p>
<p>21323243423434fewfew</p>
<p>fewfewfewfewefw</p> <a href="#">百度一下</a> <ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul> <div id="main"></div> </body></html>
css背景图片、隐藏、指针、垂直居中、去除下划线、缩进、列表类型的更多相关文章
- CSS背景图片定位
原文:CSS背景图片定位 在网页开发中我们经常需要对图片进行分割(如下图)来使用,而不是分别提供单独的图片来调用,常见的如页面背景,按钮图标等,这样做的好处就是减少请求次数,节省时间和带宽. 对背景图 ...
- 【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG
IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath ...
- 【转】链接伪类（:hover）CSS背景图片有闪动BUG
来源:http://www.css88.com/archives/744 --------------------------------------------------------------- ...
- 兼容各浏览器的css背景图片拉伸代码
需要用到背景图拉伸,找到了下面这段css代码: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='***.jpg' , s ...
- vue打包后css背景图片地址找不到
背景图片变成了这样:static/css/static/imgs/xxx.jpg 解决方法,修改build/utils,添加 publicPath: '../../' 就行 对比了下,com ...
- Bootstrap css背景图片的设置
一. 网页中添加图片的方式有两种 一种是:通过<img>标签直接插入到html中 另一种是:通过css背景属性添加 居中方法:水平居中的text-align:center 和 margin ...
- css背景图片拉伸 以及100% 满屏显示
如何用css背景图片拉伸 以及100% 满屏显示呢?这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单. 比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在 ...
- div css背景图片不显示
我们在写页面时,为了便于维护,css样式通常都是通过link外部导入html的,有时在css中写入背景图片时,此时背景图片的路径应该是相对css文件的.比如,此时的文件有index.html,css. ...
- css背景图片拉伸
css背景图片拉伸 background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 10 ...
随机推荐
- 关于个人网站选择虚拟主机还是VPS服务器的讨论
还记得当初才开始学习建站的时候,选择的第一款虚拟主机是全HTML的主机,那时候的虚拟主机还分为HTML或者是ASP,PHP的都很少,在国内接触的学习较多还是以ASP为主,PHP是最近几年才开始流行.如 ...
- 轻松学会文本处理工具之二 linux sed命令
sed命令的语法格式: sed的命令格式: sed [option] 'sed command'filename sed的脚本格式:sed [option] -f 'sed script'fil ...
- mongodb replica set介绍
近年来,随着大数据越来越火,非关系型数据库的重要性被越来越多的人所认知,越来越多的开发者逐渐加入到NoSQL的阵营中.我们知道NoSQL是Not Only SQL的意思,既然如此,很多关系型数据库所支 ...
- Git如何删除版本库中的一个提交?
如果不小心增加了一个最新的提交,可以通过以下的操作删除,记住:是删除最新的提交,如果回滚到其他的提交上面,就会导致之后的全部消失. 1.git reset --hard HEAD~1 2.gi ...
- ProgressDialog
几个方法介绍: 1.setMax() 设置对话框中进度条的最大值. 2.setTile() 设置标题. 3.setProgressStyl() 设置对话框中进度条的样式.例如:环形和水平. 参数: P ...
- oracle登陆，在监听服务启动了的情况下，登陆用户还是报错未启动监听服务的错误（刚开始装oracle是能登陆的，重启之后装了plsql）
刚开始装oracle是能登陆的,重启之后装了140M的plsql,所以有可能是plsql跟oracle监听冲突了,所以我之后换了33M的plsql,oracle就没问题了,可以正常登陆了
- HTML+CSS D08浮动
1. <html> <head> <title>div浮动</title> <style type="text/css"> ...
- Android Skia和2D图形系统 .
Android Skia 和 2D 图形系统 1 Skia 概述 Skia 是 Google 一个底层的图形.图像.动画. SVG .文本等多方面的图形库,是 Android 中图形系统的引擎. Sk ...
- iOS NSMutableArray添加NSInteger元素
NSMutableArray *array = [[NSMutableArray alloc] init]; NSInteger num = 7; NSNumber *number = [NSNumb ...
- 404、500、502等HTTP状态码介绍
基本涵盖了所有问题HTTP 400 – 请求无效HTTP 401.1 – 未授权:登录失败HTTP 401.2 – 未授权:服务器配置问题导致登录失败HTTP 401.3 – ACL 禁止访问资源HT ...