原文:HTML5实践 -- 介绍css3中的几个属性:text-shadow、box-shadow 和 border-radius

转载请注明原创地址:http: www.cnblogs.com softlover archive .html 今天我们的内容是css 的text shadow box shadow 和 border radius几个属性的介绍,他能增强页面布局,值得学习。 RGBA 前三个值分别代码RBG的值,最后一个值代表透明度 表示透明, 表示不透明 。 RGBA可以用于任何和color有关的属性,例如字 ...

2012-11-21 15:38 0 8314 推荐指数:

查看详情

css3 实现圆角边框的border-radius属性和实现阴影效果的box-shadow属性

    首先我要介绍的是border-radius属性,它的作用是实现圆角边框,其中border-radius:20px;表示,一个’体‘四个角都圆滑20px,其值如果为100px那么圆角度则为最高,如果是正方体则会是一个球,依靠这个属性我们可以不用ps6的情况下,做成一个较为美观的按钮或者控件 ...

Wed Jan 13 18:58:00 CST 2016 0 2221
CSS3border-radiusbox-shadow与gradient那点事儿

一、border-radius border-radius用于添加圆角边框,用处非常广泛。 1)一个值,代表了四个角 2)三个值,中间的值代表右上和左下 3)斜杠设置第二组值 “/”前是指圆角的水平半径,而“/”后是指圆角的垂直半径,他们两都遵循 ...

Tue Sep 29 18:19:00 CST 2015 0 1930
CSS3box-shadow属性

box-shadow属性是一个css3属性,允许我们在几乎任何元素上来创建阴影效果,类似于在设计软件的”drop shadow”。这些阴影效果允许我们在原本平面的、二维的页面上面创建出深度(第三维)的错觉。 定义和用法 box-sizing属性定义了如何计算元素的宽度和高度 ...

Fri Nov 20 21:48:00 CST 2020 0 359
css3box-shadow属性

1.语法:box-shadow: h-shadow v-shadow blur spread color inset; h-shadow如果是负值,阴影在左边,反之,阴影在右边;v-shadow如果是负值,阴影在上边。即,从左到右,从上到下。 blur值越大,模糊面积越大,阴影就越大越淡 ...

Fri Aug 04 21:15:00 CST 2017 0 1141
css3box-shadow

box-shadow_CSS 外阴影常规效果box-shadow:5px 5px rgba(0,0,0,.6); 外阴影模糊效果box-shadow:5px 5px 5px rgba(0,0,0,.6); 外阴影模糊外延效果box-shadow:5px 5px ...

Wed Feb 08 01:56:00 CST 2012 1 7679
给字体和元素加阴影text-shadowbox-shadow

1、语法:   对象选择器 {text-shadow:X轴偏移量 Y轴偏移量 阴影模糊半径 阴影颜色}   注:text-shadow可以使用一个或多个投影,如果使用多个投影时必须需要用逗号“,”分开。 2、取值:   box-shadow属性最多可以有6个参数设置,他们分别取值 ...

Thu Nov 30 01:50:00 CST 2017 0 1801
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM