仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1118|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:CSS计划圆角自顺应按钮教程

[复制链接]
愤怒的大鸟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:15:05 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
<head>
<title></title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<styletype="text/CSS">
<!--
*{padding:0px;margin:0px;}
body{font-size:12px;}
h2{margin:50px;}
a{text-decoration:none;background:url(http://www.w3css.com/1.jpg)00;float:left;color:#fff;margin:0px60px0px0px;cursor:pointer;}
aspan{position:relative;background:url(http://www.w3css.com/1.jpg)topright;line-height:25px;margin:0-30px030px;padding-right:30px;float:left;}
a:hover{background:url(http://www.w3css.com/1.jpg)left-25px;height:25px;float:left;margin:0px60px0px0px;}
a:hoverspan{background:url(http://www.w3css.com/1.jpg)right-25px;line-height:25px;margin:0-30px030px;padding-right:30px;float:left;color:#fff;}
-->
</style>
</head>
<body>
<h2>自顺应宽度按钮</h2>
<ahref=""title="nogo"><span>自顺应</span></a>
<ahref=""title="nogo"><span>自顺应宽度</span></a>
<ahref=""title="nogo"><span>自顺应宽度,对吧!</span></a>
</body>
</html></p>
那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-16 09:49

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表