zoukankan      html  css  js  c++  java
  • border 边框

    width - 元素宽度

    height - 元素高度

    border 边框 border-width -边框宽度

    border-color-边框颜色(关键词、rgb、rgba、十六进制颜色)

    border-style-边框样式(solid-直线、dotted-点线、dashed-虚线、double-双线)

    复合样式:border: width style color

    多值书写: 一个值:四条边一样

    两个值:上下 和 左右

    三个值:上 和 左右 和 下

    四个值:上 和 右 和 下 和 左 在样式表中,给同一个元素添加同一条样式,后面覆盖前面的。

    边框的特性 - 同一个元素,相交的两条边框,连接处是斜线(利用此特性可以实现小三角) - 元素的宽 / 高 = width + 边框 / height + 边框 border-radius-边框圆角 数值表示方法:1)具体单位(px) 2)百分比 圆角半径:x/y(如果x和y一样,可以只写一个值)

    注意:如果四个角都要用不一样的x半径和y半径,写法如下:

    border-radius:10px 30px 50px 70px / 20px 40px 60px 80px;

    如果你去掉中间区域 并隐藏你就可以得到一个三角形了 :transparent透明,让这个三角形毫无痕迹rgba(red,green,blue,alpha) a-控制透明度,取0 - 1的值,表示0%~100%小数点前面的0可以省略,例如:0.5

     

  • 相关阅读:
    动手动脑(类与对象作业再次提交)
    论团队(类与对象邮箱作业再次提交)
    流于形式的沟通
    加密
    string类中一些方法的使用
    StringEquals的用法
    命令行接收数字求和
    计算机思维
    SpringBoot之Callable处理异步请求
    MySQL8.0 zip版本 安装
  • 原文地址:https://www.cnblogs.com/yijieyufu/p/14929022.html
Copyright © 2011-2022 走看看