首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> Google 谷歌内页logo的呈现方式(图片下面有文字)
CSS样式表
CSS网页布局
知道吗?H1标签同样也可以美化
CSS:用overflow代替left截取指定长度字符串
学习CSS了解单位em和px的区别
巧用CSS滤镜制作绚丽图片播放效果
PDF、ZIP、DOC链接的标注(CSS技巧)
DIV CSS制作网页时易犯的错误总结
CSS隐藏网页文字的几种常用方法
总结新手学CSS容易出现错误的内容
网站配色,CSS主色调配色方案
我们需要对CSS进行缩写的原因
从三方面加速CSS样式作用网页速度
CSS属性选择器的四种格式
CSS教程:text-indent隐藏文字出现虚线框outline
表单name与id的区别和相似之处
CSS让网页里的提交按钮变得更漂亮
小技巧:网页制作中段落缩进的方法
网页导航上用CSS标志当前页效果
CSS框架的利与弊(上)
Web标准:关于DOCTYPE
No.
«
‹
7
8
9
10
›
»
技术文章搜索
关键字
CSS样式表 中的 Google 谷歌内页logo的呈现方式(图片下面有文字)
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2010-01-10
浏览: 77 ::
收藏到网摘: 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
登陆
还没注册?