Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

DIV+CSS定义滚动条样式，实现内嵌效果_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 12:30:17
Original
1747 Leute haben es durchsucht

CSS滚动条

今天忽然想起我的博客签名要更新了，但是我也想保留历史签名，于是参考了淘宝的一些装修的店铺，修改了一下CSS，做了个漂亮的DIV+CSS的滚动条，实现了内嵌的效果。不用iframe的。

CSS代码如下

#about { float: left; display: inline; margin-top: 30px; width: 500px; font-size: 14px; }  

#about p { color: #FFF; font-size: 14px; line-height: 1.4em; SCROLLBAR-FACE-COLOR: #666666; Z-INDEX: 1; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; MARGIN-LEFT: 2px; OVERFLOW: auto; WIDTH: 550px; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #f3e6a0; SCROLLBAR-DARKSHADOW-COLOR: #444444; HEIGHT: 80px; }

在网页中使用：

签名：
(2009-8-29)这个月很忙，老婆肚子大了，公司的工作量大了很多。幸亏现在住进新房子了，晚上在家里加班，可以轻松一点。一边看我的42寸LG液晶电视，一边跟客户聊天，也算有片刻的放松的。
---------------------------------------------------------------------------------------------------------
(2009-8-4)今年过得特别有意义，5月份结婚，6月份老婆说有了，7月份买了房子。好像一下子过了常人的几年时光。特别想记录这段日子发生的事情，于是我的tomgo博客又重开了。

效果请看我的博客的头部滚动条的签名.

Verwandte Etiketten：
DIV+CSS定义滚动条样式，实现内嵌效果
Quelle：php.cn
Vorheriger Artikel：myRoad--详解一个漂亮的div+css网页模版（二）_html/css_WEB-ITnose Nächster Artikel：网页设计div+css之id与class使用原则_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
2
1900
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
10
2070
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1741
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1647
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1655
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage