在css中怎么加边框

html-css023

在css中怎么加边框,第1张

css中加边框,首先我们需要确定你要加边框的元素的id或者是id，还有你必须保证这个元素是块级元素，不然width和height对它是无效的，自然也没边框，通过加display:block这个属性，来改成块级元素，具体看代码:

<html>

<head>

<style>

.div1{ //div本身就是块级，所以不需要，算span这中标签就是行级，所以需要display:block

width:600px

height:200px

font-size:13px

border:1px solid #f00

}

</head>

<body>

<div class='div1'>

</div>

</body>

</html>

css中添加边框的代码为

border: width style color /*分别设置边框粗细、样式、颜色*/

示例如下：

创建Html元素：一个包含文章内容的div

<div class="post">这是示例的文章。</div>

设置css样式

div.post{

width:400pxheight:100px

padding:10px

border:2px solid #ebbccb /*设置边框为2px粗，实线，#ebbccb色*/

}

观察显示效果