css圆角、透明度和css阴影

css圆角

设置某一个角的圆角,比如设置左上角的圆角:

border-top-left-radius:30px 60px;

同时分别设置四个角:

border-radius:30px 60px 120px 150px; 

设置四个圆角相同:

border-radius:50%;

css阴影

box-shadow:h-shadow v-shadow blur spread color inset;

分别设置阴影:水平偏移  垂直偏移  羽化大小  扩展大小  颜色  是否内阴影

<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) 前三个数值表示颜色,第四个数值表示颜色的透明度

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • “青春,是一种状态,而不是一个年龄”是今日85岁的播音主持前辈葛兰老师给我留下的印象。老一辈播音艺术家言传身教,受...
    红雲说口才阅读 1,747评论 0 0
  • 三排七班38-李毅,一百天计划。 开始时间:171108 结束期间:180215 一、 1.践行22天行动营每日分...
    魅力船长阅读 1,769评论 0 0

友情链接更多精彩内容