CSS-border.

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;

你可能感兴趣的:(html,css,border,border-radius)