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

Question

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

Answer 1

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

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

Answer 2

先说一下，如果width:100%;了，那么在设置border，这个盒子的总宽度,就会大于父盒子，也就是说,这个小盒子比大盒子还要大，会溢出。 除非，你给这个小盒子再加一个属性box-sizing: border-box; bordre的属性设置

Answer 3

1	border:1px solid #000；

1px是边框大小， solid是实线的意思 #000是黑色

如果要单独定义上下左右4条边框

1 2 3 4

border-top:1px solid #000；    上 border-bottom:1px solid #000； 下  border-left:1px solid #000；   左 border-right:1px solid #000；  右