怎样在css中给文章加边框?

html-css045

怎样在css中给文章加边框?,第1张

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色*/

}

观察显示效果

设置矩形边框 ：border : 1px solid #000000

添加文字：

<ul>

<li>九寨沟</li>

<li>黄山风景区</li>

。。。。。

。。。。。

。。。。。

</ul>

根据实际写N对li即可

希望可以帮到你～

#content{

border: 1px solid

padding:50px 20px 50px 20px

margin-top: 5px

clear:left}

这个ID是外部的容器吗？如果是就有问题，这个容器，没有定义宽度或者高度，你也许是想自适应，但是在这里是不可以的，另外，容器内没有做清除：clear:both也会造成这个问题。先试着定义一个宽度看行不行，再说。