|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
破洛洛文章简介:CSS3按钮选择器,经由过程CSS3新特征把一般的html链接计划成视觉上光滑的按钮m包含梯度背景、圆角、下拉暗影,和转换等效果。撑持CSS3动画,能够把按钮渐渐地从默许形态变成悬停形态.
CSS3按钮选择器,经由过程CSS3新特征把一般的html链接计划成视觉上光滑的按钮,包含梯度背景、圆角、下拉暗影,和转换等效果。撑持CSS3动画,能够把按钮渐渐地从默许形态变成悬停形态,你能够在不利用如上图那样的图片的情形下失掉一个大度的按钮。
- button{
- -moz-border-radius:25px;
- -moz-box-shadow:#6E78490px0px10px;
- -moz-transition:all0.5sease;
- -ms-transition:all0.5sease;
- -o-transition:all0.5sease;
- -webkit-border-radius:25px;
- -webkit-box-shadow:#6E78490010px;
- -webkit-transition:all0.5sease;
- background-color:#6E7849;
- background-image:-moz-linear-gradient(90deg,#B9C788,#6E7849);
- background-image:-ms-linear-gradient(90deg,#B9C788,#6E7849);
- background-image:-o-linear-gradient(90deg,#B9C788,#6E7849);
- background-image:-webkit-linear-gradient(90deg,#B9C788,#6E7849);
- background-image:linear-gradient(90deg,#B9C788,#6E7849);
- border-radius:25px;
- border:2pxsolid#4a5032;
- box-shadow:#6E78490px0px10px;
- color:#ffffff;
- display:inline-block;
- font-size:4em;
- margin:auto;
- padding:15px;
- text-decoration:none;
- text-shadow:#0000005px5px15px;
- transition:all0.5sease;
- }
- .button:hover{
- padding:15px;
- }
</p>
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。 |
|