Div + CSS1些殊效使div变为圆角、递交按钮的殊效这

2021-03-08 20:37 jianzhan
给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; //指针方式:手型

实际效果如图: