Профиль пользователя 爬山虎爬山虎的世界ФотографииБлогСписки Сервис Справка
14.07.2005

页面特技系列之二(首字放大下沉、左侧滚动条)

[爬山虎原创]

 

v 首字符放大下沉

 

 【演示】

 

字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。

 

【HTML代码】

 

<DIV style="BORDER: 1px solid; WIDTH: 377px;">
 <P style="FONT-SIZE: 12px; LINE-HEIGHT:16px; padding-left:5px;">
 <SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px;">首</SPAN>字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。
 </P>
</DIV>
 

 

 

v 左侧滚动条

 

【演示】

 

  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

 

【HTML代码】

 

 <DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 377px; DIRECTION: rtl; HEIGHT: 100px">
 <DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">
  <P>  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
  <P>  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
  <P>  这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
 </DIV>
</DIV>

 

Комментарии (77)

Подождите...
Введен слишком длинный комментарий. Сократите его.
Ничего не введено. Повторите попытку.
Не удается добавить комментарий в настоящее время. Повторите попытку позже.
Чтобы добавить комментарий, необходимо получить разрешение одного из родителей. Запросить разрешение
Один из родителей отключил функцию добавления комментариев.
Не удается удалить комментарий в настоящее время. Повторите попытку позже.
Превышено максимальное количество добавляемых комментариев в день. Повторите попытку через 24 часа.
Для учетной записи отключена возможность добавлять комментарии, поскольку наши системы обнаружили, что вами, возможно, отправляется нежелательная почта другим пользователям. Если вы считаете, что учетная запись отключена ошибочно, обратитесь в службу поддержки Windows Live.
Выполните указанную ниже проверку безопасности, чтобы завершить добавление комментария.
Вводимые во время проверки безопасности символы должны совпадать с воспроизводимыми звуковыми символами или символами, отображенными на картинке.

Чтобы добавить комментарий, войдите с помощью идентификатора Windows Live ID (если используется учетная запись служб Hotmail и Xbox LIVE или программы Messenger, у вас уже есть идентификатор Windows Live ID). Войти


Нет идентификатора Windows Live ID? Зарегистрироваться

Shen Yichaoпишет:
3x
фев. 20
孤独天星пишет:
xiexie
окт. 18
玩的就是心跳пишет:
这功能省地方,好!
сент. 9
king of wolfпишет:
不错不错
有机会用的上
авг. 21
边生пишет:
 不错啊,怪不得被推荐
авг. 5
 和和
    spaces 系用 html 语法把
июль 31
曹 caoпишет:
谢谢啊
июль 27
六翼天使пишет:
恩~~试试...
июнь 29
Z guanyuпишет:
这个好玩,拿走了:)
июнь 12
嵇 方пишет:
<DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 377px; DIRECTION: rtl; HEIGHT: 100px">
 <DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">
  <P>  抱歉,借贵宝地试验一下..........................................................................................................................................................................</P>
 </DIV>
</DIV>
июнь 5
Brittanyпишет:
恩,不错.
июнь 1
胡 瑾пишет:
谢拉,链接了你的教程
май 23
胡 瑾пишет:
谢拉,链接了你的教程
май 23
Фотография контакта Аноним
(没有名称) пишет:
谢谢!
май 12
Sunnyпишет:
3Q`~~~~``
апр. 5
Stefanпишет:
哪里有右边框的呢?
апр. 1
ZHAO Yueпишет:
万分感谢!我找了好久,终于会啦!
март 24
Фотография контакта Аноним
wendy пишет:
大谢 这里的很多东西都很好用
март 21
叶 志芸пишет:
<DIV style="SCROLLBAR-FACE-COLOR: #9ebfe8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 384px; SCROLLBAR-SHADOW-COLOR: #ffffff; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #9ebfe8; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #9ebfe8; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left>&nbsp;</P></DIV>
 
这个是我 尝试把 右边 改到左边的 但是 好像(>﹏<) 有点问题 .... 基本上 我只是加了: direction:rtl
帮我改改... thanks 
-____-"
 
март 8
Lпишет:
<DIV style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 377px; BORDER-BOTTOM: 0px solid">
<P style="PADDING-LEFT: 5px; FONT-SIZE: 12px; LINE-HEIGHT: 16px"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px">首</SPAN>字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。 </P></DIV>
 
 
 
酱9m框框拉
фев. 27