`

HTML a标签如何设置margin属性

 
阅读更多

很多同学发现对DIV有效的许多CSS属性对<a>或<p>标签都无效,好比说

<div style="margin-top:5px;"></div>

就是有效的距离 但是

<a style="margin-top:5px;"></a>

这个距离便无效,其实原因很简单,因为a标签不是盒子,而margin属性是针对盒子的,想要让这个属性生效就要让a标签变成盒子,一句

style="display:block"

便可以让a标签变成块级元素,即变成盒子模型,这样margin、padding等属性便能生效了。

另外在书写padding和margin属性的时候,有时margin给div定位后不希望文字顶格显示在div里,这是后两种做法,一种是在这个div里再嵌套个div设置margin属性,另一个简单的方法就是再设置个padding!

(原创)Final博客(http://www.finalblog.net/archives/270本文可以任意转载,但本段内容必须保留,否则将追究其法律责任。

分享到:
评论

相关推荐

    HTML标签与属性大全

    ### HTML标签与属性详解 HTML,即HyperText Markup Language,是一种标准标记语言,用于创建网页。HTML通过一系列的标签和属性来定义网页的结构和内容。以下是对HTML中常用标签及其属性的详细解读: #### 文档结构...

    HTML标签属性大全

    ### HTML标签属性详解 #### 基本概念与结构 - **HTML文档**: `&lt;html&gt;` 标签是HTML文档的根元素,所有的HTML代码都必须包含在这个标签内。 - **文档头部**: `&lt;head&gt;` 元素包含了关于文档的元数据,如标题、样式表...

    利用margin属性将一个div水平居中

    - **margin属性**: margin是CSS中用于设置元素的外边距的简写属性。它相当于同时设置margin-top、margin-right、margin-bottom和margin-left四个方向的外边距。 - **简写形式**: margin值可以简写为一个值(四个边...

    html-常用HTML、CSS标签属性.rar

    常见的HTML标签还有用于文本格式化的`&lt;p&gt;`(段落)、`&lt;h1&gt;`到`&lt;h6&gt;`(标题)、`&lt;strong&gt;`(加粗)、`&lt;em&gt;`(斜体)等,以及用于创建链接的`&lt;a&gt;`标签和显示图像的`&lt;img&gt;`标签。 HTML属性是进一步定义标签行为的关键...

    HTML+CSS标签属性大全.pdf

    例如,`&lt;a&gt;`标签用于创建超链接,其`href`属性指定目标地址,`target`属性可以设置打开链接的方式,如`_blank`表示在新窗口打开,`_top`则在当前窗口的顶级框架中打开。`&lt;img&gt;`标签用于插入图像,`src`属性是图片的...

    html标签大全.txt

    根据给定文件的信息,我们可以深入探讨HTML标签的广泛使用及其在网页设计中的关键作用。HTML,即超文本标记语言,是构建网页结构的基础语言。以下是从文件标题“html标签大全”、描述“全面html大全,方便快捷查询,...

    得力批量打印标签html代码

    在批量打印标签的场景下,CSS可以设置字体、颜色、边距、对齐方式等,以确保标签的视觉效果符合预期。可能需要使用到的CSS技术包括盒模型(margin、padding、border)、定位(position、top、right、bottom、left)...

    frame及frameset标签的属性

    ### Frame及Frameset标签的属性详解 在网页设计与开发中,`frame`与`frameset`标签曾经是非常重要的组成部分,它们允许在一个HTML文档中显示多个独立的文档。虽然随着现代Web技术的发展(如HTML5),`frame`与`...

    body的属性 body标签主要的属性小结

    ***margin属性:此属性定义了文档主体与浏览器窗口上边缘的距离,单位是像素。 2. leftmargin属性:此属性定义了文档主体与浏览器窗口左边缘的距离。 3. rightmargin属性:定义了文档主体与浏览器窗口右边缘的距离...

    html+CSS考试试题

    `title`属性用于显示鼠标悬停时的提示信息,`href`属性用于`&lt;a&gt;`标签定义超链接地址。 4. **图片路径设置** - **知识点**: 图片路径设置取决于图片相对于当前HTML文档的位置。 - **题目分析**: 题目考察如何正确...

    html简单知识点总结,常用标签总结,简洁界面 ,框架的基础例子

    通过`&lt;style&gt;`标签或外部样式表,我们可以设置颜色、字体、布局等样式属性,如`color`、`font-family`、`background-color`、`margin`和`padding`。 5. **HTML框架**:HTML框架允许在单个页面上显示多个独立的网页...

    Html标签大全.txt

    ### Html标签大全知识点详解 #### 一、超链接标签 `&lt;a&gt;` - **基本用法**:`&lt;a&gt;` 标签是 HTML 中用于创建超链接的基本元素。 - 示例:`&lt;a href="http://www.example.com"&gt;访问示例网站&lt;/a&gt;` - **属性详解**: - `...

    HTML语言剖析 HTML标签讲解以及其应用示例

    例如,使用color属性改变文字颜色,使用background-color设置背景色,使用font-size调整字体大小,使用padding和margin控制元素的内边距和外边距。 除此之外,还会涉及表单元素,如、、和,它们用于创建用户交互的...

    HTML+CSS总结.doc

    margin 属性也有 margin-left、margin-right、margin-top 和 margin-bottom 属性,分别用来设置左、右、上和下外边距。 padding 属性用于设置内边距,类似于 html 中表格单元格的填充属性,即盒子边框和内容之间的...

    HTML多标签效果示例

    例如,`color`属性改变文字颜色,`font-size`调整字体大小,`background-color`设定背景色,`padding`和`margin`控制内边距和外边距。在示例中,可能使用了类选择器(`.class_name`)或ID选择器(`#id_name`)来精确...

    HTML基本概念,标签集合

    4. **属性**:HTML标签可以有属性,属性提供了额外的信息。例如,`&lt;a&gt;`标签的`href`属性指定链接地址,`&lt;img&gt;`标签的`src`属性指明图像的URL。 5. **文本格式化**:HTML提供了多种标签来控制文本格式,如`&lt;b&gt;`...

    最全的css2.0+html标签帮助文档教程

    **CSS2.0和HTML标签基础教程** 在Web开发领域,HTML(超文本标记语言)和CSS(层叠样式表)是构建网页内容和样式的基石。本教程旨在为初学者提供一个全面的理解,帮助他们掌握这两项核心技术。 **HTML标签详解** ...

    html文档标签查询.docx

    3. 链接标签:`&lt;a&gt;` 创建超链接,`href` 属性定义链接的目标URL。 4. 图像标签:`&lt;img&gt;` 显示图像,`src` 属性指定图像的源文件,`alt` 提供替代文本。 5. 列表标签: - 无序列表:`&lt;ul&gt;`,其中包含`&lt;li&gt;`元素表示...

Global site tag (gtag.js) - Google Analytics