html页面如下：
<div class="wrapper">
<div id="focus">
<ul>
<li><a href=";
css样式：
<style type="text/css">
{margin:0; padding:0;}
body {font-size:12px; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif; background:#f0f0f0;}
clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
clearfix {zoom:1;}
ul,li {list-style:none;}
img {border:0;}
wrapper {width:800px; margin:0 auto; padding-bottom:50px;}
/ qqshop focus /
#focus {width:800px; height:280px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:800px; height:280px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus btnBg {position:absolute; width:800px; height:20px; left:0; bottom:0; background:#000;}
#focus btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus btn spanon {background:#fff;}
#focus preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/spritepng) no-repeat 0 0; cursor:pointer;}
#focus pre {left:0;}
#focus next {right:0; background-position:right top;}
</style>
<b></b> 粗体文本
<i></i> 倾斜文本
这可以单独成在，在<font>中有属性color \face\size首先在css文件中设置对应的a标签样式1 ，一般用类名，如：<a href="#" class="style1" id =“a”>a标签</a>
style1 { color:#000 ;} 同时准备样式2 style2{ color:#fff ;}
在脚本事件中为a绑定点击事件：var a = documentgetElementById("a");
aonclick= function (){aclassName = "style2"; }一、字体的调整，可以才CSS文档里写入：
比如：
TD { font-family: "宋体", "楷体_GB2312", "仿宋_GB2312"; 9pt}
font-family:是字体
font-size:是字体大小
二、TD之后的字体调用：
<td> <font color="#FF0000"> 文字内容 </font> </td>
<td> <font size=7> 文字内容 </font> </td>
三：<td> 的参数设定（常用）：
例如：<td width="48%" height="400" colspan="5" rowspan="4" align="right" valign="bottom"
bgcolor="#ff00ff" bordercolor="#808080" bordercolorlight="#ff0000"
bordercolordark="#00ff00" background="mywebgif">
width="48%"
该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。
height="400"
该一储存格高度。
colspan="5"
该一储存格向右打通的栏数。
rowspan="4"
该一储存格向下打通的列数。
align="right"
该一储存格内字画等的摆放贴齐位置（水平），可选值为： left, center, right。
valign="bottom"
该一储存格内字画等的摆放贴齐位置（垂直），可选值为： top, middle, bottom。
bgcolor="#ff00ff"
该一储存格底色。
bordercolor="#808080"
该一储存格边框颜色。『只适用於 ie』
bordercolorlight="#ff0000"
该一储存格边框向光部分的颜色。『只适用於 ie』
bordercolordark="#00ff00"
该一储存格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会
失效。『只适用於 ie』
background="mywebgif"
该一储存格的背景大小可以在样式里面修改：
<html>
<body>
<input
type="checkbox"
value="你好"
style="width:20px;height:20px;"/>
</body>
</html>
但是input如果要像div那样样式话还是有点难度的，但是可以通过自己“制作”一个这样的控件来解决，隐藏checkbox，使用一个div进行模拟，注册div的click事件以及checkbox的change事件，保证两者之间状态的同步。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）