搜索列表
-
利用CSS，链接下划线也玩自定义
【CSS/HTML】 原文链接：CSS Design: Custom Underlines 由 A List Apart 杂志及作者授权翻译。（Translated with the permission of A List Apart Magazine and the author[s].） 说明：文章中“[补充]”内容系译者所补充添加（来自 CSS 2.0 中文手册），目的是方便读者理解相关内容。 虽然网页设计师通...
|利用|用C|CS|SS|S，|，链|链接|接下|下划|划线|线也|也玩|玩自|自定|定义|义| -
On having layout
【CSS/HTML】译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。 引用一...
|On|nh|ha|av|vi|in|ng|gl|la|ay|yo|ou|ut|t| -
CSS重新定义项目符号和编号技巧
【CSS/HTML】用过Word的人都知道Word 有一个“项目符号和编号”的功能，用起来很方便。Dreamweaver3的属性面板也有一个类似有的“项目符号和编号”的图标按钮，产生自动列表功能， 但它只有两种形式，即方块和阿拉伯数字。不过我们可以利用Dreamweaver3的CSS定义功能去重新定义“列表符号的格式”。下面以定义一个“大写 罗马数字...
|CS|SS|S重|重新|新定|定义|义项|项目|目符|符号|号和|和编|编号|号技|技巧|巧| -
CSS制作树状目录教程
【CSS/HTML】本篇详细介绍如何利用CSS能方便地控制对象的“显示”和“隐藏”属性原理，制作一个树状目录，用CSS制作这样的树状目录，方法简单，代码也比较少，所以把它写出来，给网友们共亨，以便在需要的时候也可动手做一个。 索易电子杂志大多采用树状目录，当鼠标点击主目录时，展开子目录；当...
|CS|SS|S制|制作|作树|树状|状目|目录|录教|教程|程| -
CSS使用技巧20则
【CSS/HTML】1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去： font: bold italic small-caps 1em/1.5em verdana,sans-serif 真不错！只...
|CS|SS|S使|使用|用技|技巧|巧2|20|0则|则| -
组合CLASS来完成网页布局风格
【CSS/HTML】我是这样来做DIV布局代码的．不知道说的清楚不清楚，凑和看吧我的想法是未来能这样：用标准件的方式来组装网页DIV布局我把class分为２种，布局class，风格class，布局class是骨架，风格class是衣服举个例子：比如布局中的左栏首先它的属性有：是左栏，宽度，背景颜色，字体颜色等１．首先会定义一个class,比如:.layout,主要...
|组合|合C|CL|LA|AS|SS|S来|来完|完成|成网|网页|页布|布局|局风|风格|格| -
CSS：自定多姿多彩的网页链接下划线
【CSS/HTML】CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其...
|CS|SS|S自|自定|定多|多姿|姿多|多彩|彩的|的网|网页|页链|链接|接下|下划|划线|线| -
CSS图片翻转菜单
【CSS/HTML】如果用传统的方法制作这个翻转菜单，至少需要把图片切成10椋挂由螶S代码，在图片按钮上再加行为，现在完全用CSS来实现，图片只要一张，见下图。 CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ background: url(../images/navbg.gif); list-style-type: none; padding: 0px; margin:...
|CS|SS|S图|图片|片翻|翻转|转菜|菜单|单| -
在DIV+CSS排版中新闻列表的制作方法
【CSS/HTML】CSS代码:.list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚线*/ width: 100%; } .list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; bac...
|在D|DI|IV|VC|CS|SS|S排|排版|版中|中新|新闻|闻列|列表|表的|的制|制作|作方|方法|法| -
利用相对定位及偏移量做精美输入界面
【CSS/HTML】利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮 这种结构，下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是： 标题栏图片有向上的偏移量。利用样式：top:-10px;position:relative; 可...
|利用|用相|相对|对定|定位|位及|及偏|偏移|移量|量做|做精|精美|美输|输入|入界|界面|面| -
单纯使用CSS实现动态提示信息
【CSS/HTML】也许已经有人发现可以这样写... CSS代码部分 a.info { position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none } a.info:hover { z-index:1; background-color:#ff0 } a....
单纯使用CSS实现动态提示信息 -
用DIV+CSS如何实现这种表格效果
【CSS/HTML】表格效果table [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]表格效果div+css #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul...
用DIV+CSS如何实现这种表格效果
