<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. iosOC不可变数组遍历

    NSArray * array = @[@"1",@"2",@"3"]; NSLog(@"%@",array); //1 ...

  2. 命令窗口修改编码,CMD编码修改方法

    cmd中的编码方式为ANSI,若中文不是此编码方式则会出现乱码.作为程序员,会经常使用命令窗口查看执行日志,但是有时编码格式不对,大部分都是UTF8,在网上搜索了不少方法,很多没什么用,在这里教一个具 ...

  3. java写文件时，输出不完整的原因以及解决方法close()或flush()

    在java的IO体系中,写文件通常会用到下面语句 BufferedWriter bw=new BufferedWriter(new FileWriter("sql语句.txt")) ...

  4. nefu 179 珠子(最长递增子序列问题）

    Description 小林有一串珠子,是由很多个大小不同的珠子串联在一起组成的圆环型的,且其中每个珠子的大小可以用int型的整数来表示.小林有一个爱好就是数珠子,他想数那些位置相邻而且大小只相差1的 ...

  5. Flex4 flashVars 传值

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or ...

  6. jenkins配置角色访问

    本文将介绍如何配置jenkins,使其可以支持基于角色的项目权限管理. 由于jenkins默认的权限管理体系不支持用户组或角色的配置,因此需要安装第三发插件来支持角色的配置,本文将使用Role Str ...

  7. Spring AOP面向切面编程的实现

    1.涉及到的几个概念 切面类.被切对象.切入点.切入时间.切入内容:(自己命的名,好理解点) 2.看配置文件 <?xml version="1.0" encoding=&qu ...

  8. sql server多行数据(一列)转换成一个字段

    create table #test ( id int not null, memeo int not null ) ,) ,) ,) )) ,,'') drop table #test 总结: 格式 ...

  9. sh语法入门学习

    玩linux都知道sh脚本的方便,但如何编写sh脚本却是像我这样的新手和菜鸟的难题.能不能编写得出来是一回事,了不了解又是另一回事.抱着好好学习,天天向上的精神,大家有空就看看吧,没有坏处的.下面来抄 ...

  10. CodeForces 510B DFS水题

    题目大意:在图中找到一个字符可以围成一个环(至少有环四个相同元素) 题目思路:对当前点进行搜索,如果发现可以达到某个已经被查找过的点,且当前点不是由这个点而来,则查找成功. #include<c ...