本文向大家描述一下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和clear属性使用方法和示例,需要的朋友可以参考下
css中border属性的特殊用法(实现特殊形状)-包含代码示例
CSS使用Border属性内外嵌套的代码 CSS使用Border属性内外嵌套的代码
如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的...
学习之路不可停止,最近在研究CSS,今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程,教大家如何使用css制作网页中的虚线,巩固CSS border属性使用方法,感兴趣的同学可以参考一下。
border属性介绍 border属性设置元素边框。 边框3个要素如:粗细、线型、颜色。 边框线型属性值说明表如: 属性指 描述 none 定义无边框。 hidden 与 none 相同。不过应用于表时除外,对于表,...
让IE实现CSS3中的border-radius(圆角)
自己整理的部分HTML的元素属性用法和一些css样式
border属性 border-collapse属性
本文介绍css中的clear属性使用方法,大家参考使用吧
我对css几个主要属性的理解,inline,block,float,clear
CSS border-collapse 属性
CSS常用属性和属性大全,CSS常用属性和属性大全,CSS常用属性和属性大全
本文主要是讲解如何在 html 中使用 clearfix 和 clear,针对那些刚开始了解 css 的童鞋。关于 clearfix 和 clear 的样式在这里我就不写了。 下面就谈谈对于这两个 class 的用法,首先我们先看个例子: XML/HTML Code...
同之前的html文档
border-radius CSS3中的代表——第一个在社区中得到广泛使用新属性。这意味着,除去Internet Explorer 8及更低版本,所有的浏览器可以显示圆角。为了使样式能正确应用,需要为Webkit和Mozilla内核添加前缀。 CSS ...
CSS揭秘CSS揭秘CSS揭秘CSS揭秘CSS揭秘CSS揭秘CSS揭秘CSS揭秘CSS揭秘CSS揭秘
css3教程应用css3 圆角border-radius属性制作...
本文章向码农介绍CSS border边框属性详细内容,感兴趣的码农可以参考一下。 CSS 边框即CSS border-border边框样式颜色、边框样式、边框宽度的语法结构与应用案例教程篇 一、CSS边框基础知识 CSS 边框即CSS border是...