您现在的位置是：网站首页> 编程资料编程资料

Div + CSS一些特效使div变成圆角、提交按钮的特效等等设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法

2021-09-06 880人已围观

简介 Div + CSS一些特效如何使div变成圆角、提交按钮的特效等等，下面有个不错的示例感兴趣的朋友可以参考下

给div添加边框：

复制代码
代码如下:

border:1px solid #BDCFE4;

使div变成圆角：

复制代码
代码如下:

border-radius: 3px; //貌似在IE中不支持，没试过

提交按钮的特效：

复制代码
代码如下:

background: none repeat scroll 0 0 #82C400;
width:107px; //按钮的长度
height:42px; //按钮的高度
border-width: 0; //边框为0
font-size: 17px; //字体大小
color: #FFFFFF; //字体颜色
font-weight: 500; //字体加重
border-radius: 6px; //圆角
cursor:pointer; //指针形式：手型

效果如图：

上一篇：使用简单的CSS3属性实现炫酷读者墙效果基于jquery+css3的固定的网页底部的炫酷工具条一款既炫酷又实用的jQuery+CSS3多张图片选择动画特效5种CSS3炫酷效果的自定义Checkbox特效代码CSS3与SVG实现文字背景动画炫酷特效源码纯CSS3实现炫酷卡通人物面部表情动画效果源码CSS3+SVG实现的炫酷发光特效进度条Loading动画源码CSS3实现的炫酷菜单代码分享

下一篇：将一个DIV旋转的某一角度即90度/180度/270度及放大等问题设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网