Div+Css
文章平均质量分 70
iteye_12978
这个作者很懒,什么都没留下…
展开
-
三角形图标的DIV+CSS做法
以前做三角形图标,都是做一个三角的图片,然后在css里面调用,后来发现有另一种特殊的做法.用em标签方法来实现(其他标签也一样可以实现).em在html里面是一个强调语气,和strong标签类似,传统上浏览器会以斜体来显示em,以粗体来显示strong。现在要以特殊的em手法来实现三角形图标的做法,以下图为例: 代码如下:<!DOCTYPE html PUBLIC "-//W3C...原创 2009-03-26 21:53:30 · 119 阅读 · 0 评论 -
如何在浏览器地址栏前添加自定义的小图标?
如何在浏览器地址栏前添加自定义的小图标?你是不是记得有时在浏览网易网站的首页时,在地址WWW。163。COM前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。 其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。 这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“<head>...原创 2009-05-07 17:37:18 · 181 阅读 · 0 评论 -
CSS属性:装饰超链接
CSS属性:装饰超链接※装饰超链接 网页默认的链接方式是这样的:未访问过的链接是蓝色文字并带蓝色的下划线,访问过的超级链接是深紫色的文字并带深紫色的下划线。如果您所有的网页都是这种样式,是不是很单调呢? 其实,利用文本属性中的Text-decoration属性就可以实现对超链接的修饰。我们先看下面的这段代码: <html> <title>l...原创 2009-05-07 17:35:47 · 310 阅读 · 0 评论 -
网页收藏
http://www.cool80.com/ 搜罗精美酷站,提供精选素材! http://www.w3cbbs.com/thread-718-1-1.html 首次使用css+div http://www.cssview.cn/?action=index&cid=1 css+div 布局商城网站 http://www.cssview.cn/case/tr/index.h...原创 2009-04-02 16:12:54 · 112 阅读 · 0 评论 -
一位CSS新手整理的CSS网页布局技巧
对CSS网页布局的技巧,可谓是名目繁多,在52CSS.com上就有很多种,很多条,但有多少是适合新手朋友的呢。今天介绍一位CSS新手整理的CSS网页布局的小技巧,或许对您更有实际的参考价值: 1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和...原创 2009-03-31 15:44:24 · 83 阅读 · 0 评论 -
CSS样式的filter(滤镜效果)可控制DIV透明度
我们可以用CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。例:黑白照片 filter: gray; X光照片 filter: Xray; 风动模糊 filter: blur(add=true,direction=45,strength=30); 正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Stre...原创 2009-03-26 23:06:52 · 207 阅读 · 0 评论 -
div+css学习网站
http://www.aa25.cn/原创 2009-03-26 23:05:05 · 95 阅读 · 0 评论 -
使用css设置字体的透明度及艺术字代码
使用css设置字体的透明度及艺术字代码2006/10/28 下午 06:28<div style="height: 60; background-color: red; &nbs原创 2009-03-26 23:03:20 · 1431 阅读 · 1 评论 -
优秀站点的CSS导航菜单
1. http://www.alvit.de/css-showcase/css-galleries-tabs-navigation-showcase.php这里收录了近百个优秀站点的CSS导航菜单456bereastreet.comsvcseattle.comstopdesign.compixelgraphix.desurfgarden.desol...原创 2009-03-26 22:54:21 · 185 阅读 · 0 评论 -
CSS导航菜单:仿淘宝首页导航条布局效果
一直以来,人们都认为淘宝的导航条不错,更有很多网站效仿;今天就当作个练习,作一下这个导航条; 以下效果应用的图片共2张,如果只用1张效果不太好,特别是圆角部分。我大致看了一下淘宝现在的导航条,分别用了十几张图片,并不是用以下这个方法作的,如果你有兴趣现在可以上淘宝网看一下,鼠标移上去的图片不能立刻显示,这样的效果不是很理想。 这次我试着把显示的效果图和鼠标移上去的图合成一个了,这样鼠标移上去...原创 2009-03-26 22:49:39 · 289 阅读 · 0 评论 -
高级CSS技巧-Tab选项卡导航菜单
任何的tab导航,都可以采用下面的方式来实现。看一下下面的Tab menu效果。 我们需要准备tab左面背景和中右部背景图片(不过我个人偏向于把中间的背景和右边的背景分开,我认为那样可以实现中部背景循环,就算文字长一米也无所谓了,不过这太夸张了,考虑中国没有哪个菜单文字会超过6个字,英文也很少有太长的tab,所以两张图片完全够用了。)以及他们的鼠标悬停时的图片。采用图片的滑动门技术...原创 2009-03-26 22:48:05 · 202 阅读 · 0 评论 -
点击出现图片大图效果
<style>#demo{overflow:hidden;width:120px;text-align:center;padding:10px;}#demo img{border:none;width:100px;height:100px;}#enlarge_images{position:absolute;display:none;z-index:2;}</style>&...原创 2009-03-26 22:33:13 · 158 阅读 · 0 评论 -
非常漂亮的导航菜单
实际效果图:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&原创 2009-03-26 22:30:44 · 233 阅读 · 0 评论 -
国内设计好站/酷站收藏类网站收集
设计站点必须要有灵感,好的灵感需要多阅读多思考,所以WEB设计师需要经常浏览一些“酷站”,借鉴一些创意,所以有好的设计站点需要共享,需要交流,这样大家的设计才能进步。那一般好的设计站点我们在哪里可以看到呢?除了常见的在设计类网站内容或论坛流传些站点以外,最多见的也是最直接的是经常访问酷站收藏类网站。这些站点最大的特色就是收集分享新酷站点,同时为了快速启发设计师的灵感,还需要进行更细致的酷站录入分类...原创 2009-03-26 22:15:28 · 237 阅读 · 0 评论 -
【酷站】中国互联网Web2.0 Top 100
猫扑http://www.mop.com和讯http://www.hexun.com豆瓣网http://www.douban.com奇虎http://www.qihoo.com网易博客http://blog.163.com噢噢中国http://www.oo.cn百度贴吧http://post.baidu.com新浪博客http://b...原创 2009-03-26 22:11:56 · 345 阅读 · 0 评论 -
国内WEB2.0酷站赏析
RichURL在线收藏夹 * http://www.richurl.com/ AJAX让收藏变得简单随时随地访问·AJAX技术框架·人性化UI设计·兼容各浏览器·友好导入导出·支持拖放操作·支持右键操作·支持自动完成功能 Sooer音乐风火轮* http://www.sooer.com/ 为国内乐迷提供的专业音乐搜索引擎“音乐风火轮”是一家国内在线音乐的主流品牌网站,一直志力于网络互动技...原创 2009-03-26 22:10:02 · 129 阅读 · 0 评论 -
用网页技术CSS实现网页背景渐变
用网页技术CSS实现网页背景渐变的四种代码设置。一、从上往下渐变以下为引用的内容:body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}二、从左上至右下渐变 Chinaz....原创 2009-03-26 22:01:54 · 90 阅读 · 0 评论 -
PS加强网页设计中像素化细节的技巧
PS加强网页设计中像素化细节的技巧 http://www.aa25.cn/773.shtml最实用的12条css技巧 http://www.cnblogs.com/JustinYoung/archive/2008/03/28/most-used-css-tricks.html CSS经典技巧十则 http://www.blueidea.com/tech/site/2006...原创 2009-05-13 10:12:35 · 126 阅读 · 0 评论