如何利用HTML5和CSS3设置四边边框border边界线

html-css0164

如何利用HTML5和CSS3设置四边边框border边界线,第1张

直接用css属性值设置边线:border即可,还可以单独设置border-left,right,bottom,top。

用ccs3中的盒阴影设置,是一种固定写法: box-shadow:1px 1px red,inset 1px 1px red.

这是两个按钮或者div,左边的设置左边框圆角,右边的那个设置右边框圆角。具体的参数,你可以参考一下这个教程:

border-radius:2em

等价于:

border-top-left-radius:2em

border-top-right-radius:2em

border-bottom-right-radius:2em

border-bottom-left-radius:2em

你也可以根据你的需要设置自己需要的边框。比如只设置左上角圆角。自己尝试一下吧。

http://www.w3school.com.cn/cssref/pr_border-radius.asp