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

html-css033

怎样在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也会造成这个问题。先试着定义一个宽度看行不行,再说。