<style>
        body{background:#FCC;}
        .c00 div{ margin:0 auto; padding:0;}
        #a01{ width:500px; height:400px; background:#00F; padding-top:100px;}
        #a02{ width:300px; height:200px; background:#903; padding-top:100px;}
        #a03{ width:100px; height:100px; background:#0FF; color:#000; font-family:华文彩云;
              font-size:24px; line-height:34px;}
        div marquee{ width:100px; height:100px;}
        .c01{ width:200px; height:200px; background:#9FF; position:fixed; top:30px; left:30px;
               font-family:华文彩云; font-size:36px; font-weight:bold; font-style:italic; color:#0CF; text-align:center;
              vertical-align:top 20px; line-height:200px; text-decoration:underline; text-indent:20px;}
              <!--字体样式              字体大小       字体加粗               字体倾斜          字体颜色       字体水平居中(或靠右)-->
              <!-- 字体垂直方向距离顶部20px 要配合line-height（行高）使用          下划线        首行缩进20像素   -->          
    </style>
    
    <body>
        <div class="c00">
            <div id="a01">
                <div id="a02">
                    <div id="a03">
                        <marquee direction="down">
                            这就是div居中嵌套
                        </marquee>
                    </div>
                </div>
            </div>
        </div>
       <!-- 使用margin进行上下位移时需要给边框
               padding位移时需要自身减去相应的位移像素距离
            (因为padding内边距会给自身加上位移的像素距离
             也可以设为负值使用)    
       -->
       
           <div class="c01">
               <!--
            背景样式属性
            
            background-color:#222; 背景颜色     
                          -image: ;  背景图片
                          -attachment:fixed; 背景固定不随字体动
                                     :scroll; 背景随字体走动
                          -repeat:  选项决定是否平铺，x轴平铺 y轴平铺等；
                          -position: 定位  用选项固定图片位置
            
            字体样式属性
            font-family；    字体样式
            font-size；        字体大小    
                -indent；    首行缩进多少像素
                -weight:bold;   加粗
                -style:italic;  倾斜
                color:#0CF;  字体颜色
            
            text-align:center;  字体水平方向居中（或其他方向）
            vertical-align:top 20px;  字体垂直方向 距离顶部 20像素（必须配合行高属性使用）
            line-height:200px;  行高
            text-decoration:underline; 下划线
                           :line-through;  删除线
                           :overline;  上划线
                           
            边界，边框
            margih:   ;     外边距
            padding:    ;    内边距
            border：1px solid #222;     边框  1像素 实线 颜色为黑色；
            
            （margih：10px 10px 10px 10px ;  外边距  上右下左  分别为10 10 10 10    顺序是按照顺时针来的；）
            --->
                
                    实验字体        
           </div>

    </body>

style里的文字 背景 样式以及边框的更多相关文章

  1. 黄聪：phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护

    首先到phpexcel官网上下载最新的phpexcel类,下周解压缩一个classes文件夹,里面包含了PHPExcel.php和PHPExcel的文件夹,这个类文件和文件夹是我们需要的,把class ...

  2. phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护

    转:http://www.cnblogs.com/huangcong/p/3687665.html 首先到phpexcel官网上下载最新的phpexcel类,下周解压缩一个classes文件夹,里面包 ...

  3. PHPExcel-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护

    首先到phpexcel官网上下载最新的phpexcel类,下周解压缩一个classes文件夹,里面包含了PHPExcel.php和PHPExcel的文件夹,这个类文件和文件夹是我们需要的,把class ...

  4. css3实现背景颜色渐变，文字颜色渐变，边框颜色渐变

    css3的渐变可以使用2个或者多个指定的颜色之间显示平稳的过渡的效果.这篇文章主要介绍下css3实现背景颜色渐变,文字颜色渐变,边框颜色渐变的方法,以便大家学习参考! 1.css背景颜色渐变 代码: ...

  5. CSS设置边框、符号、背景样式、链接属性

    一.CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白* ...

  6. CSS（Cascading Style Sheet，叠层样式表），作用是美化HTML网页。

    CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/    此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控 ...

  7. Chrome 控制台新玩法-console显示图片以及为文字加样式

    有兴趣的同学可以文章最后的代码复制贴到控制台玩玩. Go for Code 在正常模式下,一般只能向console 控制台输出简单的文字信息.但为了把信息输出得更优雅更便于阅读,除了cosole.lo ...

  8. HTML 学习笔记 CSS样式（边框）

    元素的边框(border)是围绕元素内容和内边距的一条或多条线 CSS border 属性允许你规定边框的样式 宽度和颜色 CSS 边框 在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使 ...

  9. CSS常用字体属性(多出的文本隐藏，或者以省略号的形式显示)和背景样式以及背景图的2个不常用属性：background-origin和background-clip

    (一)常用的字体属性: font-weight: 属性值100-900  400等于正常 700等于bold ,数值越大,越粗 font-size:字体大小,单位可以为px或者% font-famil ...

随机推荐

  1. 【Alpha】第七次Daily Scrum Meeting

    GIT 一.今日站立式会议照片        二.会议内容 1.讨论送礼物的方法和对象,使功能更加完善. 2.对于程序还存在的问题提出自己的看法,尽量让功能更加的饱满. 三.燃尽图 四.遇到的困难 能 ...

  2. 团队作业8——Beta 阶段冲刺6th day

    一.当天站立式会议 二.每个人的工作 (1)昨天已完成的工作(具体在表格中) 完善订单功能 (2)今天计划完成的工作(具体如下) 完善支付功能 (3) 工作中遇到的困难(在表格中) 成员 昨天已完成的 ...

  3. 【Beta阶段】第五次scrum meeting

    Coding/OSChina 地址 1. 会议内容 学号 主要负责的方向 昨日任务 昨日任务完成进度 接下去要做 99 PM 查阅换肤功能相关资料 100% 着手联网功能 100 DEV 完成分享邀请 ...

  4. 201521123028 《Java程序设计》第2周学习总结

    1. 本周学习总结 1.学习了String及部分函数用法,例如PTA上<5-2 jmu-Java-02基本语法-02-StringBuilder>一题中用到了"str.appen ...

  5. Java 第九周总结

    1. 本周学习总结 2. 书面作业 1.常用异常 1.1 截图你的提交结果(出现学号) 1.2 自己以前编写的代码中经常出现什么异常.需要捕获吗(为什么)?应如何避免? 以前的代码经常出现空指针的,需 ...

  6. 201521123030 《Java程序设计》 第14周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多数据库相关内容. 2. 书面作业 1. MySQL数据库基本操作 建立数据库,将自己的姓名.学号作为一条记录插入.(截图,需出现自 ...

  7. 32位汇编第六讲,OllyDbg逆向植物大战僵尸,快速定位阳光基址

    32位汇编第六讲,OllyDbg逆向植物大战僵尸,快速定位阳光基址 一丶基址,随机基址的理解 首先,全局变量的地址,我们都知道是固定的,是在PE文件中有保存的 但是高版本有了随机基址,那么要怎么解决这 ...

  8. 你必知必会的SQL面试题

    写在前面的话 本文参考原博<走向面试之数据库基础:一.你必知必会的SQL语句练习-Part 1>和<走向面试之数据库基础:一.你必知必会的SQL语句练习-Part 2>进行练习 ...

  9. java面试题整理（1）

    1.Equals与==的区别? ==是判断两个变量或者实例是不是指向同一个内存地址 equals是判断两个变量或者实例所指向的内存地址中的值是不是相同 2.Object有哪些公用方法? 方法equal ...

  10. Apache2.4 + Tomcat7 负载均衡配置

    一.配置tomcat 多启动 1.下载免安装版 tomcat7 http://mirror.bit.edu.cn/apache/tomcat/tomcat-7/v7.0.81/bin/apache-t ...