<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. javaWEB总结(7):HttpServlet和HttpServletRequest

    前言:HttpServletRequest对象封装了客户端进行HTTP协议请求时的所有信息,HttpServletRequest继承了ServletRequest,所以和ServletRequest一 ...

  2. HDU 5778 abs

    题意转化一下就是寻找一个数P,要求P质因素分解完后,质因素没有重复,还要保证abs(P*P-x)最小. 暴力,在sqrt(x)附近向下向上分别枚举一下. #pragma comment(linker, ...

  3. Linux使用期间命令积累

    1.调出终端 Ctrl+Alt+t 2.sudo是linux系统管理指令,是允许系统管理员让普通用户执行一些或者全部的root命令的一个工具,如halt,reboot,su等等. sudo apt-g ...

  4. webapp 微信开发适配问题

    文章摘自:http://www.cnblogs.com/oksite/p/4630462.html 前段时间由于公司要做微信app 前端主要有我一个人独立开发 分享一下自己独立开发微信app的一些经验 ...

  5. Chapter 1 First Sight——36

    The door opened again, and the cold wind suddenly gusted through the room, rustling the papers on th ...

  6. configure PUTTY to not time out

    To modify an existing session with "keep alives" to maintain your connection follow the st ...

  7. PMBok项目管理

    这就是项目管理的九大领域:整合管理.范围管理.时间管理.费用管理.质量管理.人力资源管理.沟通管理.风险管理.采购管理. 项目管理好像一头大象,将其大卸九块之后,要装进冰箱就容易多了. 看看书上是怎样 ...

  8. PHP处理密码的几种方式【转载】

    转自:http://www.3lian.com/edu/2015/08-01/235322.html 在使用PHP开发Web应用的中,很多的应用都会要求用户注册,而注册的时候就需要我们对用户的信息进行 ...

  9. junit 单元测试 - 参数化测试

    junit4.x版本需要引入如下jar包: hamcrest-core-1.3.jar junit-4.12-beta-3.jar 新建一个计算器类,如下: package com.pt; publi ...

  10. 【jsp 防盗链】Referer的简单使用

    在web系统中,盗链的问题时有发生,即复制一个url地址,在另一个地方也能访问. 在jsp中通过request对象可以获取客户请求信息和表单信息,在客户请求头信息中,"Referer&quo ...