communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer： 2016-06-24 12:30:17
original
1747 Les gens l'ont consulté

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博客又重开了。

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

Étiquettes associées：
DIV+CSS定义滚动条样式，实现内嵌效果
source：php.cn
Article précédent：myRoad--详解一个漂亮的div+css网页模版（二）_html/css_WEB-ITnose Article suivant：网页设计div+css之id与class使用原则_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1900
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
10
2070
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1740
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1647
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1655
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal