在HTML中如何设置边框?_随笔

在html当中，为标签设置底部边框，采用border-bottom的CSS属性即可，具体代码如下：

<style>

2.con {

3. border-bottom: 5px solid #0004. }5.</style>6.<div class="con">标签底部有5像素黑色边框</div>

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

这样子：

<!doctype html>

<head>

<title>Document</title>

#content {

border: solid #f00 /*设置边框样式跟颜色*/

margin: 0 auto /*设置div居中*/

width: 200px /*设置div宽度*/

height: 200px /*设置div高度*/

border-width: 5px /*设置边框宽度*/

background: #ff0 /*设置背景色*/

}

</style>

</head>

<body>

<div id="content">今天天气不错</div>

</body>

</html>

效果：

<style>

.top {background:url(/top.gif) no-repeatwidth:100pxheight:1pxoverflow:hidden}

/*中间的线是关键，要整合在一张图片上*/

.center {background:url(/center.gif) repeat-ywidth:100px}

.bottom {background:url(/bottom.gif) no-repeatwidth:100pxheight:1pxoverflow:hidden}

</style>

内容。。。。。

</div>

欢迎分享，转载请注明来源：内存溢出

在HTML中如何设置边框?