zoukankan      html  css  js  c++  java
  • CSS(一)属性--border边框

    HTML代码

    <body>

        <div>举个例子</div>

    </body>

    CSS代码:

    div{

        font-size:12px;  //字体大小,默认是16像素,互联网一般12或者14像素,(游览器字体都是设置字体的高)

        font-weight:bold; //加粗,等价于HTML标签strong,还有其他值:normal(还原为正常默认)

        font-style:italic;   //斜体,等价于HTML标签em

        font-family:arial;  //字体设置,互联网字体用的多是arial(乔布斯发明),还有很多值:

        color: red;            //字体颜色

        100px ;        //div宽

        height:100px;        //div高

        border:100px solid black;                 //给div加上盒子

        border-left-color:red;

        border-top-color:blue;

        border-right-color:green;

        border-bottom-color:transparent;     //透明设置

        border-radius:10px;                         //边框变为圆角

    }

    color:设置字体颜色,三种方式

    方法一:

    土鳖式(纯英文单词),开发严禁设置

    方法二:

        颜色代码 (三原色 r g b)

        #ff4400 红色 ,每两位代表三原色之一的饱和度

        ##ff4400   简写为 #f40  必须保证每两都相同才可简化,淘宝红

    方法三:

        颜色函数

        rgb(255,255,255) 白色

    border:是个复合值,四个边的框,可以用它画出方框、三角形

    方法一:整体设置

    border:10px solid black;

    方法二:属性拆开设置

    border-20px;

    border-style:dotted;  //线体设置,虚线/实线等

    方法三:每个边进行设置(颜色、宽度等。。。)

    border-left-color:red;

    border-top-color:blue;

  • 相关阅读:
    门面模式简述
    转:日志组件logback的介绍及配置使用方法
    spring boot项目中使用sfl4j+logbak配置
    druid相关资料
    spring boot +druid数据库连接池配置
    设计模式之Strategy模式
    转:高效代码审查的八条准则和十个经验
    SpringMVC如何解决POST请求中文乱码问题,GET的又如何处理呢?
    【其它】关于本博客的一些说明
    [THUWC2020] 自爆记
  • 原文地址:https://www.cnblogs.com/xibuhaohao/p/10341318.html
Copyright © 2011-2022 走看看