<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背景图片、隐藏、指针、垂直居中、去除下划线、缩进、列表类型的更多相关文章

  1. CSS背景图片定位

    原文:CSS背景图片定位 在网页开发中我们经常需要对图片进行分割(如下图)来使用,而不是分别提供单独的图片来调用,常见的如页面背景,按钮图标等,这样做的好处就是减少请求次数,节省时间和带宽. 对背景图 ...

  2. 【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG

    IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath ...

  3. 【转】链接伪类（:hover）CSS背景图片有闪动BUG

    来源:http://www.css88.com/archives/744 --------------------------------------------------------------- ...

  4. 兼容各浏览器的css背景图片拉伸代码

    需要用到背景图拉伸,找到了下面这段css代码: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='***.jpg' , s ...

  5. vue打包后css背景图片地址找不到

    背景图片变成了这样:static/css/static/imgs/xxx.jpg 解决方法,修改build/utils,添加   publicPath: '../../'    就行 对比了下,com ...

  6. Bootstrap css背景图片的设置

    一. 网页中添加图片的方式有两种 一种是:通过<img>标签直接插入到html中 另一种是:通过css背景属性添加 居中方法:水平居中的text-align:center 和 margin ...

  7. css背景图片拉伸 以及100% 满屏显示

    如何用css背景图片拉伸 以及100% 满屏显示呢?这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单. 比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在 ...

  8. div css背景图片不显示

    我们在写页面时,为了便于维护,css样式通常都是通过link外部导入html的,有时在css中写入背景图片时,此时背景图片的路径应该是相对css文件的.比如,此时的文件有index.html,css. ...

  9. css背景图片拉伸

    css背景图片拉伸 background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 10 ...

随机推荐

  1. android之ViewStub的使用

    转自http://blog.csdn.net/hitlion2008/article/details/6737537 在开发应用程序的时候,经常会遇到这样的情况,会在运行时动态根据条件来决定显示哪个V ...

  2. maven依赖本地宝

    http://www.mamicode.com/info-detail-169419.html 引用本地的jar包

  3. where条件的lambda转化为sql语句

    网上找的源码,但是博主说有bug 让自己调试.这个是我经过多次修改后的代码,可以直接用 public static class LambdaToSqlHelper { #region 基础方法 #re ...

  4. 脚本添加crontab任务【转】

    今天朋友问,计划任务是用crontab -e来添加的,如何使用脚本来添加呢? 在执行crontab -e命令时,会在/var/spool/cron目录下创建一个文件,文件的名称是你当前的用户名,内容就 ...

  5. linux expr命令参数及用法详解

    expr用法 expr命令一般用于整数值,但也可用于字符串.一般格式为: #expr argument operator argument expr也是一个手工命令行计数器. #$expr 10 + ...

  6. perl的Getopt::Long和pod::usage ？

    来源: http://www.cnblogs.com/itech/archive/2012/08/07/2627267.html 代码: 需要显式地定义变量且初始化.例如optionX. 如果没有定义 ...

  7. 用GDB调试程序的设置 Segmentation fault(Core Dump)调试

    在写wifi库的时候碰见一个 Segmentation fault(Core Dump) 所以需要用GDB调试下. 在cmake的时候,修改CMakeLists.txt set(CMAKE_C_FLA ...

  8. ng-option小解

    ng-option 有数组,对象两种情况,但目前只接触过数组 数组: label for value in array 分为一般数组和对象数组 一般数组: <select ng-model=&q ...

  9. CentOS下载及版本选择-CentOS LiveCD、LiveDVD和BinDVD区别

    1.CentOS系统镜像有两个,安装系统只用到第一个镜像即CentOS-6.x-i386-bin-DVD1.iso(32位)或者CentOS-6.x-x86_64-bin-DVD1.iso(64位), ...

  10. 大学二三事——那些人(1)

    校歌墙的对面是一座历史比较悠久的建筑,以前叫做12号楼,后来改成了"诚"字楼. 在诚字楼一楼昏暗的走廊上,你总是能看见一位大概四五十岁的大叔,有时他会指着挂在墙上的学校简介,一个人 ...