当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > display&position

技术文章搜索

关键字

CSS样式表 中的 display&position

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 71 ::
收藏到网摘: n/a

怎么改善现有网站 表格斜线

display:block　将子对象作为块对象呈递。很多内联样式的效果，需要用到display。

点击运行可以看到效果:<style type="text/css"> #photo a img{border:3px solid #FF6600; } #photo a:hover {display:block;} /**若不加此句，则内联对象img的样式不会显示**/ #photo a:hover img{ border:2px solid blue;} </style><div id="photo"><a href="#"> <img src="/upload/tech/20091012/20091012140331_19b650660b253761af189682e03501dd.gif" width="88" height="31" alt="示例图片"/></a> </div>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

position　内容的尺寸根据布局尺寸确定对象的尺寸。

点击运行可以看到效果:<style type="text/css"> #text{position:relative;} /**若没有，则内联对象不显示。若为block，会作为块级元素而使虚线过长。posigion时，长度由text的内容决定。**/ #text span{width:200px; height:20px;border-bottom: 1px dashed #000000 ; } </style> <div id="text"> <span> 示例文字 下划线样式 </span> </div>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

怎么改善现有网站 表格斜线

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）