戏剧服饰儿童画:通过CSS实现按钮图片效果

来源:百度文库 编辑:中财网 时间:2024/05/09 07:47:11

这里将给大家介绍一种仅仅通过文本CSS效果来实现这种按钮图片的方式,比起前者,更加简单、灵活、方便!

 

【演示】

 W3C  CSS Valid        RSS  1.0        Google  Me 

 MSN  huangmj@mx.cei.gov.cn   QQ  379945116 

 

【HTML代码】

   W3C  CSS Valid 
   RSS  1.0 
   Google  Me 
   MSN  huangmj@mx.cei.gov.cn 
   QQ  379945116 

 

【说明】

v 必须在html编辑状态下编辑代码。

v 每个按钮都是由两个Span元素构成。

v Span元素通过Style属性控制样式,主要设置如下:

  font-size(字体大小):数值;

  font-weight(字体粗细):normal、bold、bolder、lighter;

  font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;

  background(背景颜色):色彩代码;

  color(字体颜色):色彩代码;

  border(边框)、border-top(上边框)、border-bottom(下边框)、border-left(左边框)、border-right(右边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;