标签存档: 滚动条

给文章加滚动条的技巧

给文章加滚动条的简易代码:

<DIV style="MARGIN-TOP:0px;MARGIN-LEFT:0px;OVERFLOW:auto;WIDTH:568px;HEIGHT:200px">
文章内容
</DIV>

代码注解:

1. 滚动条应用范围很广,可以结合不同的技巧使用.除上面的放置文章内容外,还可以隐藏空白部分,在图片上写字,拼接多图技巧等等.

2. WIDTH: 568px; HEIGHT: 200px 指滚动条的长度与宽度(也称高度).用像素值表示.在默认的情况下,文章的高度超过滚动条所设定的高度时,就会出现垂直滚动条.至于水平滚动条,一般在文章内的图片超过滚动条所设定的宽度才会出现.

3. MARGIN-TOP: 0px; MARGIN-LEFT: 0px 指滚动条与父层边距的像素值,一般情况下可不用修改此像素值.

样式举例:

Blog是一个网页,通常由简短且经常更新的帖子(Post,作为动词,表示张贴的意思.作为名字,指张贴的文章)构成,这些帖子一般是按照年份和日期倒序排列的.而作为Blog的内容,它可以是你纯粹个人的想法和心得,包括你对时事新闻、国家大事的个人看法,或者你对一日三餐、服饰打扮的精心料理等,也可以是在基于某一主题的情况下或是在某一共同领域内由一群人集体创作的内容.它并不等同于”网络日记”.作为网络日记是带有很明显的私人性质的,而Blog则是私人性和公共性的有效结合,它绝不仅仅是纯粹个人思想的表达和日常琐事的记录,它所提供的内容可以用来进行交流和为他人提供帮助,是可以包容整个互联网的,具有极高的共享精神和价值.

只出现垂直滚动条

代码如下:

<div style=”overflow: auto; margin-top: 0pt; margin-left: 0pt; width: 568px; height: 120px;”><span style=”color: auto; font-size: auto;”>Blog是一个网页,通常由简短且经常更新的帖子(Post,作为动词,表示张贴的意思.作为名字,指张贴的文章)构成,这些帖子一般是按照年份和日期倒序排列的.而作为Blog的内容,它可以是你纯粹个人的想法和心得,包括你对时事新闻、国家大事的个人看法,或者你对一日三餐、服饰打扮的精心料理等,也可以是在基于某一主题的情况下或是在某一共同领域内由一群人集体创作的内容.它并不等同于”网络日记”.作为网络日记是带有很明显的私人性质的,而Blog则是私人性和公共性的有效结合,它绝不仅仅是纯粹个人思想的表达和日常琐事的记录,它所提供的内容可以用来进行交流和为他人提供帮助,是可以包容整个互联网的,具有极高的共享精神和价值.</span></div>

scenery
Blog是一个网页,通常由简短且经常更新的帖子(Post,作为动词,表示张贴的意思.作为名字,指张贴的文章)构成,这些帖子一般是按照年份和日期倒序排列的.而作为Blog的内容,它可以是你纯粹个人的想法和心得,包括你对时事新闻、国家大事的个人看法,或者你对一日三餐、服饰打扮的精心料理等,也可以是在基于某一主题的情况下或是在某一共同领域内由一群人集体创作的内容.它并不等同于”网络日记”.作为网络日记是带有很明显的私人性质的,而Blog则是私人性和公共性的有效结合,它绝不仅仅是纯粹个人思想的表达和日常琐事的记录,它所提供的内容可以用来进行交流和为他人提供帮助,是可以包容整个互联网的,具有极高的共享精神和价值.

同时出现水平与垂直滚动条

代码如下:

<div style=”overflow: auto; margin-top: 0pt; margin-left: 0pt; width: 568px; height: 200px;”>
<span style=”margin-left: 150pt;”><a href=”http://www.yupoo.com/photos/athenaia/79615967/” title=”scenery”><img src=”http://pic.yupoo.com/athenaia/AOdv1Mmj/medish.jpg” alt=”scenery” width=”500″ height=”400″ border=”0″ /></a></span>
<span style=”color: auto; font-size: auto;”>Blog是一个网页,通常由简短且经常更新的帖子(Post,作为动词,表示张贴的意思.作为名字,指张贴的文章)构成,这些帖子一般是按照年份和日期倒序排列的.而作为Blog的内容,它可以是你纯粹个人的想法和心得,包括你对时事新闻、国家大事的个人看法,或者你对一日三餐、服饰打扮的精心料理等,也可以是在基于某一主题的情况下或是在某一共同领域内由一群人集体创作的内容.它并不等同于”网络日记”.作为网络日记是带有很明显的私人性质的,而Blog则是私人性和公共性的有效结合,它绝不仅仅是纯粹个人思想的表达和日常琐事的记录,它所提供的内容可以用来进行交流和为他人提供帮助,是可以包容整个互联网的,具有极高的共享精神和价值.</span></div>

注意:

1. 在插入多个<div></div>层的情况下,滚动条是无法设置居中功能的,即在上面的代码前面加上“<div align=center>”与后面设置“</div>”会失效。此种情况一般出现在带边框背景的正文内容中。

2. 如何带边框背景的情况下设置居中呢?只能在“MARGIN-LEFT”设置相关的像素值,表示与父层的从属关系。上例中的“MARGIN-LEFT: 150px”表示与父层的左边距离为150

www.000webhost.com