手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Google 谷歌内页logo的呈现方式(图片下面有文字)
Google 谷歌内页logo的呈现方式(图片下面有文字)
摘要:ucdcss-查字典教程网body{background:#fff;color:#000;margin:3px6px;padding:0;}...

<!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.jb51.net" title="Google 首页">jb51.net<img width=164 height=106 src="http://files.jb51.net/demoimg/201001/nav_logo7.png" alt=""></a></h1> </body></html>

提示:您可以先修改部分代码再运行

然后通过鼠标拖动选择logo复制下,然后粘贴下看看,如果是jb51.net就说明成功了。

【Google 谷歌内页logo的呈现方式(图片下面有文字)】相关文章:

并排的两个对象如何水平对齐兼容ie6

css让图片等比例缩小的代码

使用css3制作登录表单的步骤

让IE ff Opera同时支持Alpha透明

表格列表偶数列、奇数列的CSS样式示例

CSS强制换行对齐的实现方法

CSS背景色镂空技术实际应用及进阶分享

CSS隐藏文字的方法

CSS3动态效果学习笔记

在CSS中用attr()显示HTML属性值

精品推荐
分类导航