<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. Flask -- 静态文件 和 模板渲染

    静态文件 一般用于存放图片,样式文件(css, js等) 保存位置:包中或者文件所在目录创建一个 static 目录 访问:在应用中使用 /static/...即可访问 , 更好的方式是使用url_f ...

  2. POJ 3419 Difference Is Beautiful

    先处理出每一个i位置向左最远能到达的位置L[i].每一次询问,要找到L,R区间中的p位置,p位置左边的L[i]都是小于L的,p位置开始,到R位置,L[i]都大于等于L,对于前者,最大值为p-L,后者求 ...

  3. 当引用了Properties.Settings后,如果执行的时候,出现"配置系统无法初始化" 或者 某某节点不正确

    自定义了一个 PowerConfig命名空间   PowerSettings.Settings 然后一个exe,引用了该dll,在app.cinfig里增加了配置项 <applicationSe ...

  4. JedisConnectionException: Unexpected end of stream.

    在实际项目中遇到redis读取时报错. 报错是 [ERROR]  redis.clients.jedis.exceptions.JedisConnectionException: Unexpected ...

  5. js 系统时间对象

    alert(new Date()); 年是多少,月,日 var year=new Date(); var m=year.Getfullmonth; alert(m);月份特殊,必须加个数字1 数据类型 ...

  6. android网络编程之HttpUrlConnection的讲解--GET请求

    1.服务器后台使用Servlet开发,这里不再介绍. 2.测试机通过局域网链接到服务器上,可以参考我的博客:http://www.cnblogs.com/begin1949/p/4905192.htm ...

  7. Angularjs Directive（指令）机制

    转:http://damoqiongqiu.iteye.com/blog/1917971 1.一点小说明 指令的作用:实现语义化标签 我们常用的HTML标签是这样的: <div> < ...

  8. PHP：class static

    简介 static关键词的一种常见用途是,当类的某个变量$var被定义为static时,那么$var就是类的变量. 这意味着:1,该类的任意一个实例对其进行修改,在该类的其它实例中访问到的是修改后的变 ...

  9. CentOS 7 BIND 搭建

    域名查找顺序 设置 /etc/host.conf 1. bind 安装 $ yum install bind bind-utilsnslookup (name server lookup) 在bind ...

  10. 首次编译TI Android JB-4.2.2-DevKit-4.1.1的时候提示jdk版本不对

    http://processors.wiki.ti.com/index.php/TI-Android-JB-4.2.2-DevKit-4.1.1_DeveloperGuide#Configure_An ...