css3图标样式,CSS3样式

css3中的button样式怎么改

在一个id为bt1的按钮上设置样式，如下：

创新互联服务项目包括城中网站建设、城中网站制作、城中网页制作以及城中网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，城中网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到城中省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

#bt1{

font-family:微软雅黑 ;    !-- 字体  --

width: 60px ;             !-- 宽度  --

height:30px ;             !-- 高度 --

font-size:14px;           !-- 字体大小--

color:gray;               !--字体颜色  --

border: 1px solid red； !-- 边框；边框宽度、单线、边框颜色 --

margin-left: 10px;            !-- 左边距，相应的还有右边距margin-right,                                      上margin-top,下 margin-buttom --

background-color:#F1F1F1;        !--背景色；十六位颜色表示时前加#符号  

transparent是透明--

box-shadow:10px 10px 10px gray;  !-- 阴影；x轴偏移（右偏为正），y轴偏移（向下                                为正），模糊度，模糊颜色  --

border-radius:10px 10px 10px 10px;!-- 圆角；左上，右上，右下，左下--

cursor:pointer;                  !-- 鼠标经过时鼠标变成小手  --

}

html5 css3样式图标怎么做

html5 css3样式图标制作方法：

1、html代码：

div id="boxes"

div id="boxShortcode"border-radius: 40px (shortcode)/div

div id="box1"border-top-right-radius: 40px (same on both axis)/div

div id="box2"border-top-right-radius: 20px 40px (x y) /div

div id="box3"border-top-right-radius: 40px 20px (x y) /div

/div

2、css样式代码：

#boxes div { margin-bottom: 20px; height: 50px; padding-left: 20px }

#boxShortcode {

background: cyan;

border-radius: 40px;

}

#box1 {

background: red;

border-top-right-radius: 40px;

}

#box2  {

background: yellow;

border-top-right-radius: 20px 40px;

}

#box3 {

background: lime;

border-top-right-radius: 40px 20px;

}

3、运行结果：

css3中的样式兼容性问题怎么弄？

1.目前来说对css支持最好的公认的是火狐浏览器，错位的原因在css代码书写不规范。bai

2.兼容性：对于CSS（样式表）并不是所有浏览器的所有版本都支持的很好，比如IE5以前的浏览器对于CSS的支持就不是很好。而现在使用IE5以前版本浏览器的用户不在少数，这样就使得在页面制作的过程中需要针对不同浏览器版本进行测试，以保证兼容性，无形中也增加很多工作量（至少我接触的开发人员制作div页面比table页面的标准时间要长一些）。

3.对css缩写的支持问题：

不论是ie 还是ff对css的缩写都有一小点问题比如border: 0xp solid #fff;两个浏览器支持都没有问题

但对于四个边的magin不同情况下，就不能用这种缩写了，无论是ie还是ff又会出现边界解释错误，而导致页面变形正确缩写：border-width:0px 1px 2px 3px;

border-style:solid;

border-color:#fff;

第二点是 ie对于css的magin padding 等默认值为0px，但ff却不一样，为了保持外观的统一性，即使padding为0你也要写上，以免ff在浏览中的错位。

IE与Firefox的CSS兼容大全 1.DOCTYPE 影响 CSS 处理

2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中

4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width

5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式，值得注意的是，一定要将xxxx !important 这句放置在另一句之上

6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

7.cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以

8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。

9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：div{margin:30px!important;margin:28px;}

注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：div{maring:30px;margin:28px}

css3怎么把列表图标弄成每列的图标都不一样

每个ul一个class类如：

ul class="u01"li01/lili02/li/ul

ul class="u02"li001/lili002/li/ul

ul.u01li{样式}

ul.u02li{样式}