CSS3边框相关.docxVIP

Css3边框 CSS3边框 圆角效果 border-radius ?border-radius是向元素添加圆角边框。 使用方法： border-radius:10px;?/* 所有角都使用半径为10px的圆角 */? INCLUDEPICTURE \d /52e216d2000195ejpg \* MERGEFORMATINET  border-radius: 5px 4px 3px 2px;?/* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */? INCLUDEPICTURE \d /52e216f9000131a201110111.jpg \* MERGEFORMATINET  不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。 实心上半圆： 方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆：方法：把宽度（width）与高度(height)