html中如何使整个页面变窄

发布网友发布时间：2022-04-27 03:01

我来回答

共5个回答

热心网友时间：2022-04-24 14:24

第一个问题：

我不是看得很明白，不过假如是要改变页面的宽可以通过更改body的css样式来实现

例如：

第二个问题：

这个要用js脚本实现

例如：

<table>
<tr  onMouseover = 'mouseOver(this)'    onMouseout = 'mouseOut(this)' >
   <td>行1</td>
</tr>
<tr  onMouseover = 'mouseOver(this)'    onMouseout = 'mouseOut(this)'>
   <td>行2</td>
</tr>
<tr  onMouseover = 'mouseOver(this)'    onMouseout = 'mouseOut(this)'>
   <td>行3</td>
</tr>
</table>
<style>
   .red{
     background-color:#ff0000;
   }
</style>

<script>
     var mouseOver = function(ele){
          ele.className = 'red';
    }
   var mouseOut = function(ele){
       ele.className = '';
   }
</script>

在行上绑定事件就可以了，我建议用jquery工具类写比较方便，直接tr.hover()全搞定了。

当然也可以用css的伪类:hover这里就不写了，希望有用。

热心网友时间：2022-04-24 15:42

可以设置一下 body的宽度

热心网友时间：2022-04-24 17:17

body {margin:auto;padding:0px;width:80%} //屏幕的宽度为百分之百，你想要多大可以自己调，边距调为自动，让它居中显示，改变表格背景颜色可以用javascript也可以用css的hover来做

热心网友时间：2022-04-24 19:08

一步到位是不可能的，只能自己一点一点改的。

热心网友时间：2022-04-24 21:16

请问一下， 16:9的浏览器是神马意思？

横向占满了可能是你版心太宽了吧。一般不要大于1003;