手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >display&position
display&position
摘要:display:block将子对象作为块对象呈递。很多内联样式的效果,需要用到display。#photoaimg{border:3pxso...

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

#photo a img{border:3px solid #FF6600; }#photo a:hover {display:block;} /**若不加此句,则内联对象img的样式不会显示**/#photo a:hover img{ border:2px solid blue;}

display&position1

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

#text{position:relative;} /**若没有,则内联对象不显示。若为block,会作为块级元素而使虚线过长。posigion时,长度由text的内容决定。**/#text span{width:200px; height:20px;border-bottom: 1px dashed #000000 ;}

示例文字 下划线样式

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

【display&position】相关文章:

css中使input输入框与img(图片)在同一行居中对齐

CSS网页样式设计全攻略

css position详解

input输入框中有图片怎么使用css布局实现

Div+CSS教程:如何闭合浮动元素?

CSS浮动(float,clear)通俗讲解

纯CSS代码实现翻页

CSS3动态效果学习笔记

CSS中图片于文本的基线对齐设置

css实现文字过长显示省略号的方法

精品推荐
分类导航