css圓角
設(shè)置某一個(gè)角的圓角卡骂,比如設(shè)置左上角的圓角:
border-top-left-radius:30px 60px;
同時(shí)分別設(shè)置四個(gè)角:
border-radius:30px 60px 120px 150px;?
設(shè)置四個(gè)圓角相同:
border-radius:50%;
css陰影
box-shadow:h-shadow v-shadow blur spread color inset;
分別設(shè)置陰影:水平偏移? 垂直偏移? 羽化大小? 擴(kuò)展大小? 顏色? 是否內(nèi)陰影
<style type="text/css">
? ? .box{
? ? ? ? width:200px;
? ? ? ? height:50px;
? ? ? ? background-color:gold;
? ? ? ? /* box-shadow:10px 10px 5px 2px pink inset; */
? ? ? ? box-shadow:10px 10px 5px 2px pink;
? ? }
</style>
......
<div class="box"></div>
<!-- 給盒子加上了粉紅色的陰影 -->
透明度
盒子透明度表示法:opacity:0.1;filter:alpha(opacity=10)(兼容IE);
rgba(0,0,0,0.1) 前三個(gè)數(shù)值表示顏色崔慧,第四個(gè)數(shù)值表示顏色的透明度