<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. 【第四篇】androidEventbus源代码阅读和分析

    1,分析androidEventbus的注册源代码: 我们在使用androidEventbus的第一步是注册eventbus,如下代码: EventBus.getDefault().register( ...

  2. Java 微信登录授权后获取微信用户信息昵称乱码问题解决

    String getUserInfoUrl = "https://api.weixin.qq.com/sns/userinfo?access_token="+access_toke ...

  3. PHP关于表单提交 后 post get分页

    PHP关于表单提交后分页函数的那点事--POST表单分页实现   phpfunctionclass加密inputjavascript     说到分页,其实你在Google一搜一大把.大部是通过GET ...

  4. php 上传缩放图片

    有时上传图片时因为图片太大了,不仅占用空间,消耗流量,而且影响浏(图片的尺寸大小不一).下面分享一种等比例不失真缩放图片的方法,这样,不管上传的图片尺有多大,都会自动压缩到我们设置尺寸值的范围之内.经 ...

  5. HUD1862:EXCEL排序

    Problem Description Excel可以对一组纪录按任意指定列排序.现请你编写程序实现类似功能.   Input 测试输入包含若干测试用例.每个测试用例的第1行包含两个整数 N (< ...

  6. 安装 svn

    rpm -qa subversion yum install subversion svnserve --version 创建仓库目录例如: mkdir /home/svn/game 创建项目 svn ...

  7. android动态添加TextView或者ImageView

    动态添加 text1=new TextView(this); text1.setText("动态添加"); ((LinearLayout) this.findViewById(R. ...

  8. 使用 HTML5 input 类型提升移动端输入体验（键盘）

    在最近的项目中,策划老是要求我们弹出各种类型的键盘,特别是在iOS下,例如输入帐号的时候,不应该支持输入中文,该输入纯数字的时候就应该谈数字键盘等.个人觉得这些都是我们平时开发很少意识到的,虽然有些刁 ...

  9. postgres-xl 集体搭建(1)

    安装并编辑脚本 cd /opt/curl -O http://files.postgres-xl.org/postgres-xl95r1beta1.tar.gztar -zxvf postgres-x ...

  10. Ajax交互，浏览器接收不到服务器的Json数据(跨域问题)

    该问题的情景如下: 问题描述 Ajax的请求代码放在一台机器上,而服务器的java 路由程序放在另一个机子上,所以Ajax的url填写的是带"http://"  的地址,而不是相对 ...