下级分类:

May

01

让你的文本框(input)更加丰富多彩!

经常看到一些网站的文本框有一些很不错的效果,比如搜索关键词文本框里面有一个象征搜索的小图片,或者是文本框边框非常柔和。其实,这些效果制作都非常简单,看过本文,相信你也可以实现丰富多彩的文本框效果。
关键词: input, 文本框, background, image, 效果,  |  归类: (X)HTML/CSS,

Apr

08

如何用 CSS 将超出显示宽度的内容隐藏起来

在显示列表的时候,太长的标题默认会换行显示,而这样的显示方式往往会破坏我们原有的页面布局,如何在我们无法知道标题长度的情况下,将超出显示宽度的内容隐藏起来?一个常见的做法是用服务器端语言判断、截取,但是这样在以后需要显示更长的标题时就需要修改服务器端脚本。

这里介绍的是如何用 CSS 将超出显示宽度的内容隐藏起来,在 IE 下我们还可以添加一个省略号,来表示多余的字符已经截断,以后改版也更方便。
关键词: text-overflow, overflow, CSS, 隐藏, 超出, white-space,  |  归类: (X)HTML/CSS,

Mar

26

如何用图片实现表单(form)的重置(reset)按钮

合理的运用图片,能够使站点更加丰富多彩,相信有许多喜欢用图片的设计师都遇到过一个问题:用图片实现表单(form)的重置(reset)按钮时,这个按钮并不能重置表单,相反却执行了提交表单的操作,本文说明了这个问题的原因,并给出了相应的解决方案。
关键词: input, image, 图片, type, 按钮类型, reset, 重置, form, 表单,  |  归类: (X)HTML/CSS,

Mar

08

无图片制作带有 45 度斜角的导航菜单

带斜角的菜单通常是用图片来实现,而且往往需要避免重叠,本文介绍的是一个不用图片的解决方案,带斜角又不用图片,是不是很不可想象,没错,不用图片也可以做带斜角的导航菜单,赶快看看吧!
关键词: 导航, 菜单, menu, UL, 斜角, slant, 无图片,  |  归类: (X)HTML/CSS,

Feb

24

带有二级菜单的滑动门效果

又是 CSSplay ,这个众多网页设计师心目中的圣地,总能带给我们诸多惊喜,Stu Nicholls 那富有创意并且高超的技巧,总能让一个个在我们看来不能实现的愿望变为现实。本文介绍的是他用 CSS 技术实现的带有二级菜单的滑动门效果,相信许多人期待已久了。
关键词: 菜单, tab, 滑动门, css, 二级菜单, menu,  |  归类: (X)HTML/CSS,

Jan

24

无图片 CSS 圆角效果

在众多圆角效果的制作方法中,用图片可能是最常见的了,而本文介绍的 Nifty Corners 则是完全依靠 CSS 和 XHTML 制作的圆角效果。随后, Stu Nicholls 又在此基础上,制作出了更多富有创意的圆角效果。还等什么?赶快看看吧!
关键词: 无图片, corner, 圆角, CSS,  |  归类: (X)HTML/CSS,

Jan

18

如何用图片的方式设置圆角区域

圆角可以让页面感觉不生硬,用好了圆角,会让页面增色不少,因此许多设计师想出各种各样的方法来实现圆角区域,本文介绍的是众多方案中的一种。
关键词: corner, rounded, css, 图片, 圆角,  |  归类: (X)HTML/CSS,

Jan

16

如何用"百分比"设置页面的高度

在符合标准的 XHTML 模式下,将 DIV 的高度简单的设置为 100% 往往并不能达到想要的效果,原因是“百分比”是个相对于父节点的值,如果你没有设置他们的父节点的高度,那么设置 DIV 的高度为100%就没有了意义。

另外一个问题是你或许期望的并不是100%,而是在页面高度不够一屏时按照100%显示,当你的页面超过视窗的大小时,DIV 要能够撑开,这样的话min-height才是你真正想要的。
关键词: css, min-height, 百分比, percent, height,  |  归类: (X)HTML/CSS,

Jan

08

为所有的页面元素添加 :hover 属性

FireFox 下,所有的页面元素都有 :hover 属性,当鼠标悬停时,可以变换样式,能给用户一个好的体验。但是 IE 下面,只有超级链接标签(A)才具备此属性,本文介绍的是通过 expression 设置,解决 IE 的这一问题。
关键词: 悬停, css, hover, behavior, expression,  |  归类: (X)HTML/CSS,

Jan

03

Tag Cloud 样式的设计方案

Tag 和 Tag Cloud 对于熟悉 WEB 2.0 的朋友肯定不会陌生,而 Tag Cloud 的样式设计也有多种方案,Mark Norman Francis 发布在 24Ways 的文章分别讨论了几种流行的 Tag Cloud 设计的优缺点,并在最后给出了作者认为最合适的方案。

本文并没有将原文翻译过来,只是摘录了作者最后提出的 Tag Cloud 设计方案,文章中给出了原文地址,有兴趣的朋友可以直接浏览原文。
关键词: WEB2.0, 标签, Cloud, Tag,  |  归类: (X)HTML/CSS,
共 38 条记录 10/页 共 4 页      1  2  3  4 
推荐链接:(联系 QQ :326801485)