怎样使用DW让网页图片置顶
发布网友
发布时间：2022-04-22 21:01
共5个回答
热心网友
时间：2023-06-21 15:52
使用DW让网页图片置顶，可分三种情况：
1. css reset
在HTML标签在浏览器里有默认的样式，例如 p
标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE
下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻
烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简
单的说法就是把浏览器提供的默认样式覆盖掉
根据本题提问主要涉及到以下CSS Reset
html, body,
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, aside,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, caption, tbody, tfoot, thead, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video { margin:0; padding:0;
border:0; outline:0; vertical-align:baseline; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
td, td img { vertical-align:top }
2. 图片为页面中插入的img，如<img src="../images/1.jpg" />
如果已经设置了以上的css reset ，在没有专门设置其它任何间距的情况下，图片默认也是置顶的。
3. 图片为背景图片 如
div{width:100%;height:50px;background:url(../images/1.jpg) left top
no-repeat;} 其中的left top 就是定义图片位置的，让图片水平居左垂直居上显示，也就是说此时图片也是置顶的；left top
也可以换成数值 如 background:url(../images/1.jpg) 0 0 no-repeat;
热心网友
时间：2023-06-21 15:53
先设置表格间距和填充为0，如果还不置顶再设置个CSS置顶
热心网友
时间：2023-06-21 15:53
就是设置上边距，然后测试。
热心网友
时间：2023-06-21 15:54
能不能说的明白点，我不知道您想要的效果是什么？
热心网友
时间：2023-06-21 15:54
请将上边距设为0。
