本文向大家描述一下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，今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程，教大家如何使用css制作网页中的虚线，巩固CSS border属性使用方法，感兴趣的同学可以参考一下。
6. **边框图片**：`border-image`属性允许使用图像作为边框，提供了一种创建复杂边框效果的方法。它可以配合`border-image-source`、`border-image-slice`等属性一起使用。 7. **边框动画**：结合CSS的`transition`...
在本文中，我们将详细介绍 CSS border 虚线的使用方法。 什么是 CSS border 虚线 CSS border 虚线是一种特殊的边框样式，它由虚线组成，相比于实线边框，可以更加灵活地用于突出显示元素或将元素分组。虚线边框...
如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的...
在探讨“table中的border-collapse属性”这一主题时，我们深入剖析了CSS中这一关键属性的运作机制及其对表格布局的影响。border-collapse属性是CSS中用于控制表格边框表现的重要属性，它决定了表格单元格（td）之间...
在CSS世界中，`float`和`clear`是两个非常重要的布局属性，它们在网页设计中扮演着不可或缺的角色。这两个属性对于理解盒模型以及创建复杂的网页布局至关重要。在这篇文章中，我们将深入探讨`float`和`clear`的概念...
CSS 属性列表和属性值含义是指在 CSS 样式表中使用的各种属性和它们的可能取值。了解这些属性和它们的含义是掌握 CSS 样式表编写的关键。 媒体类型(Media) CSS 样式表可以作用于多种媒体，如屏幕、打印机、电子...
CSS 属性查询是指在 HTML 标记语言中使用的样式表语言 CSS 的各种属性的查询和使用方法。该查询包含了绝大多数常用的 HTML 标签，以及其对应的属性和用法。 字体属性（Font） * font-family：定义文本的字体系列...
书中包含了许多实用的技巧和实验性的技术，比如CSS变量、自定义属性、Flexbox和Grid布局系统，以及CSS动画和过渡的高级用法。这本书特别强调解决问题的创新方法，激发开发者在设计中发挥创造力。 通过学习这三本书...
让IE实现CSS3中的border-radius（圆角）
在CSS3中，`border-radius`属性是一个非常重要的特性，它允许我们为元素的边框创建圆角效果，使得设计更加美观和现代化。这个特性在网页设计中被广泛应用，可以替代传统的图片切角方法，提高网页加载速度并优化用户...
在CSS布局中，`clear`属性是一个至关重要的概念，它用于处理元素与浮动元素的关系，确保元素不会被周围的浮动元素影响其布局。当一个元素设置为`clear`时，它会在自身周围创建一个“清除区域”，这个区域不会被指定...
CSS border-collapse 属性
本文将深入探讨CSS中的几个关键属性，包括背景、字体、区块和边框属性。 一、背景属性 背景属性允许我们对元素的背景进行定制，包括颜色、图像、重复方式、附加行为以及位置。例如，`background-color`用于设置元素...
CSS 中的 border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。border-style 属性的值可以是 none、hidden、dotted、dashed、solid、double、...
CSS常用属性和属性大全,CSS常用属性和属性大全,CSS常用属性和属性大全
本文主要是讲解如何在 html 中使用 clearfix 和 clear，针对那些刚开始了解 css 的童鞋。关于 clearfix 和 clear 的样式在这里我就不写了。 下面就谈谈对于这两个 class 的用法，首先我们先看个例子： XML/HTML Code...
CSS3中的box-sizing 属性允许以特定的方式来指定盒模型，有两种方式： content-box：标准盒模型，又叫做 W3C盒模型，一般在现代浏览器中使用的都是这个盒模型 border-box：怪异盒模型，低版本IE浏览器中的盒模型 ...
同之前的html文档