html、PHP 中怎么把横条添加在行下面

html-css09

html、PHP 中怎么把横条添加在行下面,第1张

那看你这个页面是怎么布局的。

一般布局可分为div+css和table ;

如果是前一种 可已在你的栏目导航最外的一个大层中添加一个css 属性为 border-bottom:#FF0000 1px solid

例子:<div style="border-bottom:#FF0000 1px solid">......</div>

也可以换成是背景图片 但是图片一定要小一点 一个你想要的横条颜色的一像素的点为佳,在层中添加css属性: background:url(图片.jpg) repeat-x

例子:<div style="background:url(图片.jpg) repeat-x">.......</div>

这两种方法都可以实现横条添加在行下面。

如果是table布局,那就直接给td加属性 <td style="border-bottom:#FF0000 1px solid">...</td>。

1、今天在调试程序时犯了一个低级错误,就是有关页面内容出现滚动条的用法:

(1)刚开始在body用了overflow:hidden这个属性溢出元素时,隐藏,这种情况下是不会自动出现滚动条的

(2)然后加了overflow:scroll该属性虽然也显示滚动条,但是该滚动条只有元素溢出时滚动条才会滚动

(3)而当元素的高度小于滚动条的高度时,滚动条只有一道边不滚动,这种滚动不好。

(4)还有一种方法就是直接设成overflow:auto

用这种方法只有当内容溢出时,才会出现滚动条。

法1:overflow:hidden;overflow-y:scroll

这种方法需要设高度,不建议采用这种方法,该属性虽然也显示滚动条,但是该滚动条只有元素溢出时滚动条才会滚动,而当元素的高度小于滚动条的高度时,滚动条只有一道边不滚动,这种滚动不好。需要注意的是:法2不用设高度,当内容溢出时,会自动出现滚动条;