本篇教程探讨了CSS3 边框border-radius box-shadow，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。

01css样式

    * {padding:0;margin:0;}

.cir {background:#f68829;width:570px;height:216px;padding:25px;border-radius:100px;position:absolute;left:20%}

.ban {border-radius:100px 0 0 100px;text-align:right;background:white;width:300px;height:200px;float:left;}

.ban p:first-child {color:#f68829;font-size:26px;margin-right:80px;padding-top:20px;}

.ban p:last-child {color:#f68829;font-size:20px;margin-right:20px;margin-top:30px;}

.time {display:inline-block;color:white;float:left;font-size:30px}

.time p {margin-top:60px;margin-left:50px;}

001css样式

.btnstyle{width:100px;height:50px;background:#f68829;border-radius:15px;text-align:center;color:white;line-height:50px;font-size:16px;margin-top:50px;margin-left:50px}

.btnstyle02{width:200px;height:50px;background:#f68829;border-radius:30px;text-align:center;color:white;line-height:50px;font-size:20px;margin-top:50px;margin-left:50px}

.btnstyle03{width:200px;height:50px;background:#f68829;border-radius:30px;text-align:center;color:white;line-height:50px;font-size:20px;margin-top:50px;margin-left:50px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}

.btnstyle04{width:200px;height:50px;background:#f68829;border-radius:30px;text-align:center;color:white;line-height:50px;font-size:20px;margin-top:50px;margin-left:50px;border-top-right-radius:4px;border-top-left-radius:4px}

.btnstyle05{width:200px;height:50px;background:#f68829;text-align:center;color:white;line-height:50px;font-size:20px;margin-top:50px;margin-left:50px;border-bottom-left-radius:20px;border-top-right-radius:20px;}

.btnstyle06{width:200px;height:50px;background:#f68829;text-align:center;color:white;line-height:50px;font-size:20px;margin-top:50px;margin-left:50px;border-top-left-radius:20px;border-bottom-right-radius:20px;}