DIV+CSS?菜鸟分享学习心得!导航篇_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了DIV+CSS?菜鸟分享学习心得!导航篇_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2042字,纯文字阅读大概需要3分钟。
内容图文
![DIV+CSS?菜鸟分享学习心得!导航篇_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/396/369f7c943b08464c905f2d7a96d7b8b9.jpg)
新建一个html文件:
代码:
#globallink{
margin:0px; padding:0px; /*边界、填充均为0*/
clear:both; /*清除浮动*/
}
#globallink ul{
list-style:none; /*不显示列表图象,默认实心圆等*/
padding:0px; margin:0px;
display:inline; /*内联对象的默认值。用该值将从对象中删除行 */
}
#globallink li{
float:left; /*这是关键语句,li不换行 实现横向排列*/
text-align:center; /* 文字居中对齐*/
width:100px; /*每个连接块的宽度为100px*/
}
#globallink li a{
display:block; /*当然块级元素来显示,使得链接变成一个按钮 */
padding:9px 6px 11px 6px; /*填充上、右、下 、左*/
margin:0px; /*边界为0px*/
}
#globallink li a:link, #globallink li a:visited{
color:#FFF; /*字体颜色设置为白色,在css中可以缩写 例如:#f98与ff9988是一样的*/
font-size:17px; /*字体大小为17px值*/
text-decoration:none; /*不显示下划线*/
background-color:#3366CC; /*设置导航条背景色为蓝色*/
}
#globallink li a:hover{ /*设置对象在其鼠标悬停时的样式表属性*/
background-color:#ff9933; /*改变背景颜色*/
text-decoration:underline; /*加上下划线*/
font-size:20px; /*鼠标悬停时字体放大为20px*/
}
- 首页
- 网上校园
- 管理培训
- 网上课堂
- 我要报名
- 文化沙龙
- 学院论坛
- 关于我们
内容总结
以上是互联网集市为您收集整理的DIV+CSS?菜鸟分享学习心得!导航篇_html/css_WEB-ITnose全部内容,希望文章能够帮你解决DIV+CSS?菜鸟分享学习心得!导航篇_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。