zoukankan      html  css  js  c++  java
  • html中横线使用

    第一种:
    <hr style=" height:2px;border:none;border-top:2px dotted #185598;" />   园点虚线
    height:2px;是hr的高度
    border:none;是没有边框
    border-top:2px dotted #185598;是设置横线的样式
    dotted  虚线  #185598  颜色
     第二种:
    <hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />    块虚线
    第三种:
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />  实线,一条直线
    第四种:
    <hr style="height:3px;border:none;border-top:3px double red;" /> 两条紧密实线,
    第五种:
    <hr style="height:5px;border:none;border-top:5px ridge green;" /> 两种颜色
    第六种:
    <hr style="height:10px;border:none;border-top:10px groove skyblue;" />  两种颜色
    border-top:10px groove skyblue;    groove  上颜色        skyblue   下颜色
    .style-one {/*内嵌水平线*/
    80%;
    margin:0 auto;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .style-two {/*透明渐变水平线*/
    80%;
    margin:0 auto;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    }
    .style-three{/*渐变*/
    80%;
    margin:0 auto;
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    }
     
  • 相关阅读:
    数据访问技术系列课程 笔记(2) ADO.NET 连接方式进行数据访问
    Modern C# 系列课程笔记 第11节 深入委托和事件
    idea 将项目托管到 Git 报错:Can't finish Gitee sharing process
    ADO.Net
    WebService
    2013年了
    201301杂谈
    流程图
    出错列表
    杂谈4 2012年8月15日开
  • 原文地址:https://www.cnblogs.com/fdxjava/p/12614638.html
Copyright © 2011-2022 走看看