永发信息网

怎么样把修饰button的CSS样式插入到层中????

答案:1  悬赏:0  手机版
解决时间 2021-07-21 15:11
  • 提问者网友:最爱你的唇
  • 2021-07-21 11:41

在用div和css对页面进行布局的时候,怎么样把修饰按钮button的css样式插入到相应的位置

最佳答案
  • 五星知识达人网友:怀裏藏嬌
  • 2021-07-21 12:51
首先下把CSS样式放入head之间,然后选中你要插入样式的按钮,在属性面板中找到你要修饰的样式名称即可。

下面这段代码是把样式定义到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">

&nbsp;<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>

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯