在用div和css对页面进行布局的时候,怎么样把修饰按钮button的css样式插入到相应的位置
怎么样把修饰button的CSS样式插入到层中????
- 提问者网友:最爱你的唇
- 2021-07-21 11:41
- 五星知识达人网友:怀裏藏嬌
- 2021-07-21 12:51
下面这段代码是把样式定义到TD中,是引用样式的其中一种方法。一般情况下,你想把代码定义到哪里就选中相应定义的位置引用即可。
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style type=text/css>
<!--
.test {
border-left:1px solid #FFFFFF; border-right:1.5px solid #666666; border-top:1px solid #FFFFFF; border-bottom:1.5px solid #666666; filter: Alpha(Opacity=100); font-family:宋体; font-size:14px; color:#FFFFFF
}
.test2 {
border-style:none; filter: Alpha(Opacity=100); font-family:宋体; font-size:14px; color:#FFFFFF
}
-->
</style>
</head>
<body>
<table border="0" width="940" cellspacing="5" id="table3" height="24" bgcolor="#99CCFF">
<tr>
<td align="center" width="75" onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2">
<a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center" width="80"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2" width="80"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2" width="80"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2" width="80"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center" width="80"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2" width="80"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2" width="80"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2" width="80"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
<td align="center"onmouseover="this.className='test'" onmouseout="this.className='test2'" class="test2" width="80"><a href="#" style="text-decoration: none"><font color="#FFFFFF"><span style="font-size: 14px">个人门户</span></font></a></td>
</tr>
</table>
</body>
</html>