HTML样式编辑

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_36367789/article/details/54906644

样式三中标识

div class style

头部状态栏质感编辑

box-shadow:1px 1px 1px 1px #000

margin:上 右 下 左;

margin:垂直 水平;

margin：allstyle；

border:1px solid red   1像素红边框

图片标签4要素：src alt width height

   <style type="text/css">

    *{margin:0;padding:0;}

    body{font-size:12px;font-family:"微软雅黑";color:#666;}

    img{border:0;display:block;}

    /* top star */

    .top{width:100%;height:50px;background:#252525;box-shadow:0px 1px 5px 1px #000;}             //top{width height background box-shadow }

    .top .t_header{width:1000px;height:50px;margin:0 auto;}

    .top .t_header .t_logo{margin-top:10px;}

    .top .t_header .t_desc{float:right;font-size:24px;color:#fff;line-heigth:50px;margin-top:-15px;}

    /* end top */

    /* tool star */

    .tool{width:1000px;height:40px;margin:8px auto;}

    /* end tool */

    /* files star */

    .files{width:1000px;height:600px;margin: 0 auto;}

    .files table{width:1000px;border-collapse:collapse;}

    .files table tr td{border-bottom:1px solid #CACACA;line-height:46px;}

    .files table tr:hover{background:#EEE;}

    .files table .f_first{font-size:15px;font-weight:bold;background:#EEE;}

     /* end files */