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

    1. 边框圆角

    border-radius:20px   矩形四个角的圆角为20px;

    border-top-left-raidus:m/n    矩形左上角圆角中心点x轴位置/y轴位置; 

    border-top-right-raidus:m/n    矩形右上角圆角中心点x轴位置/y轴位置; 

    border-bottom-left-raidus:m/n    矩形左下角圆角中心点x轴位置/y轴位置; 

    border-bottom-right-raidus:m/n    矩形右下角圆角中心点x轴位置/y轴位置; 

    border-radius:a b c d/e f g h  合写;

    2. 图片边框

    border-image:url(xx.png) a b c d repeat/round/stretch/space/atuo/fill/none;

    把图片分割成9宫格形式,分割矩形的四条线距各自边的距离分别为a b c d(上 右 下 左)。截取到的9个矩形,其中带有顶点的四个矩形分别作为border的四个顶点,上下左右的四个矩形分别按照设置的排列方式分别分布在上下左右的border上。

    3.边框阴影

    见其他文章(shadow)

  • 相关阅读:
    IDEA快捷键命令
    win命令
    jwt《token》
    批量注释与快速顶底部命令
    springboot邮通知553错误和
    git《一》
    twemproxy《一》
    reids在linux上的安装《四》
    linux安装jdk
    长沙和广州软件开发之我见
  • 原文地址:https://www.cnblogs.com/smartyu/p/3443862.html
Copyright © 2011-2022 走看看