border:边框
border-right: 0px solid;border-top: 0px solid;border-left: 0px solid;border-bottom:#ff1234 2px solid;看看就知道了是什么意思了
边框弧度 border-radius:25px;(适应谷歌浏览器,也适应火狐浏览器)
不用写成-webkit-border-radius:25px;因为这样写了适应谷歌浏览器,却不适应火狐浏览器。
例子 1
border-radius:2em;
等价于:
border-top-left-radius:2em; border-top-right-radius:2em; border-bottom-right-radius:2em; border-bottom-left-radius:2em;
例子 2
border-radius: 2em 1em 4em / 0.5em 3em;
等价于:
border-top-left-radius: 2em 0.5em; border-top-right-radius: 1em 3em; border-bottom-right-radius: 4em 0.5em; border-bottom-left-radius: 1em 3em;