`

CSS中border和clear两大属性用法揭秘

阅读更多
本文向大家描述一下CSS中border和clear属性的使用,通过border很容易就绘制出一条实线,并且减少了图片下载所占用的网络资源,使得页面载入速度变得更快,而对于clear属性,比如clear:both,表示清除左、右所有的浮动,他们呢都有给的特点和用途,请看下文详细介绍。

CSS中border和clear两大属性用法揭秘

这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性。

◆首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其实我们还有更简单的办法,只要在<td></td>中加入这么一段就可以了,你可以试试:

<divstyledivstyle="border-bottom:1pxdashed#ccc"></div>


大家可以再次参考手册,然后你就能明白dashed、solid、dotted...等的作用,利用它们你可以制作出许多效果来,实线、虚线、双线、阴影线等等

<dividdivid="banner"></div> 
 
分享到:
评论

相关推荐

    css中border属性的特殊用法(实现特殊形状)

    css中border属性的特殊用法(实现特殊形状)-包含代码示例

    【 border虚线】CSS border虚线边框属性教程

    学习之路不可停止,最近在研究CSS,今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程,教大家如何使用css制作网页中的虚线,巩固CSS border属性使用方法,感兴趣的同学可以参考一下。

    CSS使用Border属性内外嵌套的代码

    CSS使用Border属性内外嵌套的代码 CSS使用Border属性内外嵌套的代码

    css-border-effects.zip

    6. **边框图片**:`border-image`属性允许使用图像作为边框,提供了一种创建复杂边框效果的方法。它可以配合`border-image-source`、`border-image-slice`等属性一起使用。 7. **边框动画**:结合CSS的`transition`...

    css border 虚线的使用方法.docx

    在本文中,我们将详细介绍 CSS border 虚线的使用方法。 什么是 CSS border 虚线 CSS border 虚线是一种特殊的边框样式,它由虚线组成,相比于实线边框,可以更加灵活地用于突出显示元素或将元素分组。虚线边框...

    如何使用CSS的border属性来设置边框样式

    如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的...

    css 的 float 与clear

    在CSS世界中,`float`和`clear`是两个非常重要的布局属性,它们在网页设计中扮演着不可或缺的角色。这两个属性对于理解盒模型以及创建复杂的网页布局至关重要。在这篇文章中,我们将深入探讨`float`和`clear`的概念...

    css属性列表_和_属性值含义

    CSS 属性列表和属性值含义是指在 CSS 样式表中使用的各种属性和它们的可能取值。了解这些属性和它们的含义是掌握 CSS 样式表编写的关键。 媒体类型(Media) CSS 样式表可以作用于多种媒体,如屏幕、打印机、电子...

    CSS属性查询以及用法

    CSS 属性查询是指在 HTML 标记语言中使用的样式表语言 CSS 的各种属性的查询和使用方法。该查询包含了绝大多数常用的 HTML 标签,以及其对应的属性和用法。 字体属性(Font) * font-family:定义文本的字体系列...

    IE实现CSS3中的border-radius(圆角)

    让IE实现CSS3中的border-radius(圆角)

    css3教程应用css3 圆角border-radius属性制作...

    在CSS3中,`border-radius`属性是一个非常重要的特性,它允许我们为元素的边框创建圆角效果,使得设计更加美观和现代化。这个特性在网页设计中被广泛应用,可以替代传统的图片切角方法,提高网页加载速度并优化用户...

    css中的clear属性使用方法实例介绍

    在CSS布局中,`clear`属性是一个至关重要的概念,它用于处理元素与浮动元素的关系,确保元素不会被周围的浮动元素影响其布局。当一个元素设置为`clear`时,它会在自身周围创建一个“清除区域”,这个区域不会被指定...

    CSS border-collapse 属性

    CSS border-collapse 属性

    css3(border-radius)边框圆角详解

    CSS3 中的 border-radius 属性可以生成圆角边框,无需使用图片背景图案,从而简化了网页设计的过程。下面对 border-radius 属性进行详细介绍。 一、border-radius 属性 border-radius 属性是 CSS3 中用于生成圆角...

    css属性大全(css的所有属性)

    本文将深入探讨CSS中的几个关键属性,包括背景、字体、区块和边框属性。 一、背景属性 背景属性允许我们对元素的背景进行定制,包括颜色、图像、重复方式、附加行为以及位置。例如,`background-color`用于设置元素...

    CSS border.docx CSS border.docx

    CSS 中的 border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。border-style 属性的值可以是 none、hidden、dotted、dashed、solid、double、...

    CSS常用属性和属性大全

    CSS常用属性和属性大全,CSS常用属性和属性大全,CSS常用属性和属性大全

    详解CSS3中的box-sizing(content-box与border-box)

    CSS3中的box-sizing 属性允许以特定的方式来指定盒模型,有两种方式: content-box:标准盒模型,又叫做 W3C盒模型,一般在现代浏览器中使用的都是这个盒模型 border-box:怪异盒模型,低版本IE浏览器中的盒模型 ...

    CSS3中border-radius、box-shadow与gradient那点事儿

    在CSS3中,border-radius、box-shadow和gradient是三个非常重要的样式属性,它们极大地提升了网页设计的美观性和表现力。让我们逐一深入探讨这三个概念。 首先,`border-radius`属性允许我们为元素的边框添加圆角,...

    border虚线样式,带颜色

    总之,“border虚线样式,带颜色”是指在网页设计中利用CSS的border-style和border-color属性来创建具有颜色的虚线边框。通过灵活运用这些属性,你可以创造出各种独特的视觉效果,丰富网页的界面设计。

Global site tag (gtag.js) - Google Analytics