CSS边框的设定方法_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

CSS边框的设定方法

作者：闵涛文章来源：闵涛的学习笔记点击数：554 更新时间：2009/4/23 13:46:52

在HTML中对于边框的设定，在文字方面好象没有较详细的设定..
至于图形方面，<img>卷标提供了hspace,vspace,border等项目来设定边框...
CSS对边框的延伸规格有较详细的设定...
不管是文字或者图形都可使用边框来显示...
以图形为列，一张在网页上显示的图形..
边框的性质有3个，就像一张图档周围还有3个框....
由内至外分别是padding,border-width,margin...
这3个框右分别有上、下、左、右，四个性质可设定它的大小...
共12种性质如下：
padding
padding-top:2px
padding-right
padding-bottom
padding-left

border-width
border-top-width
border-right-width
border-botton-width
border-left-width

margin
margin-top
margin-right
margin-botton
margin-left

可以针对一个性质作设定也可以同时，如：
padding:2px,1px,2px,1px 依序是上、右、下、左
或者单一，如 padding-top:2px

至于边框的形式与颜色，可以针对形式border-style来设定...
一样有上、右、下、左，四个性质：

border-top-style
border-right-style
border-botton-style
border-left-style

性质的内容可设定为：
solid:实线
double:双直线
groove:3D凹线
ridge:3D凸线
inset:3D崁入线
outset:3D隆起线

边框颜色border-color的设定：
一样有上、右、下、左，四个性质：

border-top-color
border-right-color
border-botton-color
border-left-color

颜色设定跟字体的设定一样.....
................................
关于以上的设定，如果其中一个性值的设定，如：

border-style:solid,double

我只设定的上、右的边框，则缺少的边框会自动已相对的边框来设并..
所以结果会相当于：

border-style:solid,double,solid,double
...........................................
在实际运用上，举个例：

<html>
<head>
<meta content="text/html; charset=big5" http-equiv=Content-Type>
<title></title>
</head>
<body>
<table style="border-width:10;border-style:double;border-color:red">
<tr><td>红色双直线边框</td></tr>
</table>
<div style="border-width:10;border-style:ridge;border-color:green">
绿色3D凸线边框
</div>
</body>
</html>

对于CSS 边框设定大概就是这样...
这些范例在我的网页都有....有兴趣可以看看...
如果以上的内容有误或着有问题的话..
欢迎你mail给我...

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： CSS的滤镜效果(2)

下一篇教程： CSS字体的详细设定

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……