核心提示:本文总结自由人民邮电出版社出版的《HTML、CSS、Javascript网页制作》。总结进行学习,并分享给同样编写HTML5的朋友。1:去掉网页超链接的下划线 在head标签里添加如下代码 style...
本文总结自由人民邮电出版社出版的《HTML、CSS、Javascript网页制作》。
总结进行学习,并分享给同样编写HTML5的朋友。
1:去掉网页超链接的下划线 在<head>标签里添加如下代码 <style> <!-- a{text-decoration:none} a:hover{color:#3366CC;text-decoration:underline} --> </style>2:设置浮动背景 <style type="text/css"> <!-- body{background-image:url(image/bg.gif);background-attachment:fixed} --> </style>
3:正确对齐文本 <style> <!--.dq{margin-left:68px;margin-right:70px;margin-top:69px;margin-bottom:71px} --> </style>
4:让文本垂直居中 <style type="text/css"> <!-- p { height:50px; line_height:50px; border:1px solid #996600 } --> </style>
5:使一个层垂直居中于浏览器 在<head>标签内添加如下代码 <style type="text/css"> <!-- p { position:absolute; top:70%; left:50%; margin:-150px 0 0 -150px; width:200px; height:200px; border:1px solid #0066ff; } --> </style>
6:给部分内容加上边框 <style type="text/css"> <!-- style1{ border:solid;border-width:thin 0px opx medium;border-color:#9900cc black black #cc9900} --> </style>
7:利用CSS去掉下划线 <style> <!-- a {text-decoration:none} --> </style>
8:让p横向排列 <style type="text/css"> <!-- p { float:left; width:200px; height:100px; border:1px solid blue } --> </style> <p> p横向排列</p>
9:巧妙设置滚动条颜色 <style type="text/css"> <!-- html { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff000; scrollbar-shadow-color:#ee00ee; scrollbar-3dlight-color:#ee222e; scrollbar-arrow-color:#ccc000; scrollbar-track-color:#ddeecc; scrollbar-darkshadow-color:#fffddd; } --> </style>