zoukankan      html  css  js  c++  java
  • 盒子模型——边框(Border)

    边框(Border)

    1,边框样式(border-style):

      border-style(边框样式)常见样式有:

      dashed(虚线)| dotted(点线)| solid(实线)

    div{

      border-style:solid;

    2,边框宽度(border-width):

      可以指定长度值,比如 2px 或 0.1em(单位为 px, pt, cm, em 等),或者使用 3 个关键字之一,它们分别是 thick 、medium(默认值) 和 thin(不常用)

    div{

      border-5px;

    3,边框颜色(border-color):

      用于设置边框的颜色,可以设置的颜色:

      (1)name - 指定颜色的名称,如 "red"(不常用)

      (2)RGB - 指定 RGB 值, 如 "rgb(255,0,0)"

      (3)Hex - 指定16进制值, 如 "#ff0000"

    div{

      border-color:#888888;

    div{

      border-width:5px;

      border-style:solid;

      border-color:#888888;

    简写:

    div{

      border:5px solid  #888888;

    边框——单独设置各边:

    div{

      border-top-style:dotted;

      border-right-style:solid;

      border-bottom-style:dotted;

      border-left-style:solid;

    div{

      border-top-5px;

      border-right-6px;

      border-bottom-7px;

      border-left-8px;

    }

    .....................

     

  • 相关阅读:
    H5 坑
    小程序上传图片
    小程序瀑布流
    vue 使用插件
    fastclick:处理移动端click事件300毫秒延迟
    h5知识总结
    vue 瀑布流实现
    vue组件 $children,$refs,$parent的使用详解
    vue轮播插件vue-awesome-swiper
    JS判断是否在微信浏览器打开
  • 原文地址:https://www.cnblogs.com/1500418882qqcom/p/9635753.html
Copyright © 2011-2022 走看看