HTML语句中“border=1”是边框为1像素的意思。
border 是 CSS 的一个属性，用 border 可以给能确定范围的 HTML 标记（如 TD、DIV 等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。
一、border-width:thin medium thick 10px
上边框是细边框，右边框是中等边框，下边框是粗边框，左边框是 10px 宽的边框。
二、border-width:thin medium thick
上边框是 10px，右边框和左边框是中等边框，下边框是粗边框。
三、border-width:thin medium
上边框和下边框是细边框，右边框和左边框是中等边框。
四、border-width:thin
所有 4 个边框都是细边框。
扩展资料：
边框其他样式：
none 定义无边框。
solid 定义实线。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
double 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。
参考资料：百度百科-border
style="BORDER-RIGHT:1px
BORDER-TOP:
1px
BORDER-LEFT:
1px
BORDER-BOTTOM:
1px
dashed">
只有下边框且为虚线
这是我写的代码希望对你有帮助
如果希望修改虚线粗细可改动BORDER-BOTTOM:
1px为2px、3px等
只有下边框且为虚线
为表格标题
表格内容在
之间增删
只要在
之间就可以了
具体有两种方法：
1、画虚线的图，然后插入网页中。缺点是这个虚线不能随意变动大小，因为拉伸图片会产生失真。
2、编程<div style="width:200pxheight:0pxborder-top:1px black dashed" />。缺点，不能改变方向。
还可以用svg，可以随意改变大小，粗细，方向，例子如下：
<html>
<head>
</head>
</head>
<body>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="500"
height="500"
id="svg2">
<defs
id="defs4" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(0,-552.36218)"
id="layer1">
<path
d="m 68.571428,651.6479 239.999992,0"
id="path2985"
style="fill:nonestroke:#000000stroke-width:1stroke-linecap:buttstroke-linejoin:miterstroke-miterlimit:4stroke-opacity:1stroke-dasharray:1, 3stroke-dashoffset:0" />
</g>
</body>
</html>
缺点是不能直接在IE里用，火狐、Chrome等都没问题。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）