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

     

  • 相关阅读:
    题目1.A乘以B
    题目1.A乘以B
    秋季学习总结
    题目1.A乘以B
    第一周作业
    C语言I博客作业02
    Silverlight中图像的变换(1)
    SQL SERVER 2005安装过程中COM+错误解决!
    c++ 对文件的操作
    JS标准DES加解密
  • 原文地址:https://www.cnblogs.com/yijieyufu/p/14929022.html
Copyright © 2011-2022 走看看