首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> Google 谷歌内页logo的呈现方式(图片下面有文字)
CSS样式表
关于CSS控制DIV水平居中问题
CSS:相同元素不同结构重复定义的问题
关于DIV CSS和XHTML CSS的理解
CSS教程:简单理解em
CSS教程:导致一些问题的overflow
CSS常用属性的代码简化实例
CSS教程:总结清除浮动的方法
网页设计中典型的header代码结构
CSS初学者常犯错误汇总
CSS网页布局:div水平居中的各种方法
CSS Div网页布局中的结构与表现
CSS教程:简化CSS中属性的示例
CSS网页布局:div垂直居中的各种方法
acronym标记和abbr标记的不同之处
CSS编写的网页打开流畅相关知识与注意点
你知道CSS中长度单位pt、px、dpi的意思吗?
CSS页面布局中HTML结构化
CSS选择器的使用技巧
CSS教程:网页图片垂直居中的使用技巧
dl,dt,dd标记在网页中要充分利用
No.
«
‹
2
3
4
5
›
»
技术文章搜索
关键字
CSS样式表 中的 Google 谷歌内页logo的呈现方式(图片下面有文字)
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2010-01-10
浏览: 64 ::
收藏到网摘: n/a
HTML 页面输出应该遵循的几点原则分析小结
10个DIV+CSS需要注意的问题
<!doctype html> <head> <meta http-equiv=content-type content="text/html; charset=gb2312"> <title>ucdcss - 软晨学习网</title> <style> body{background:#fff;color:#000;margin:3px 6px;padding:0;} h1{font-size:small;font-family:arial,sans-serif;margin:0;padding:0;font-weight:normal;} #logo{display:block;overflow:hidden;position:relative;width:103px;height:37px;margin:11px 0 7px;} #logo img{border:none;position:absolute;left:-0px;top:-26px} </style> </head> <body> <h1><a id=logo href="http://www.ruanchen.com" title="Google 首页">ruanchen.com<img width=164 height=106 src="/upload/tech/20100110/20100110105245_03c6b06952c750899bb03d998e631860.png" alt=""></a></h1> </body></html>
提示:您可以先修改部分代码再运行
然后通过鼠标拖动选择logo复制下,然后粘贴下看看,如果是ruanchen.com就说明成功了。
HTML 页面输出应该遵循的几点原则分析小结
10个DIV+CSS需要注意的问题
评论 (0)
All
登陆
还没注册?