关于CSS边框单一样式设置的一些问题

关于CSS边框单一样式设置的一些问题

作者：星海

<style>
		div{
			width: 300px;
			height: 300px;
			border: 1px solid red;
			/* border-top的会覆盖掉border的样式，上到下的执行顺序 */
			border-top: 3px solid green;
			/* border会再一次覆盖掉border的样式，上到下的执行顺序 */
			border: 1px solid red;
			border-right: 3px solid blue;
			border-left-color: purple;
			/* 
			* purple会消失，HTMl自动识别为 border-left: 3px solid '';
			* 即为
			* border-left-width:3px;
			* border-left-style:solid;
			* border-left-color:defalut(black);
			*/
			border-left: 3px solid defalut;
			/* 
			* 如果在上述border-left: 3px solid defalut; 会自动显示为1px solid purple的样式
			* 如果在利用border-left:3px solid defalut; 再次覆盖则又会显示为 3px solid black的样式
			*/
			/* border-left: 3px solid defalut; */
		}
</style>