divcss网站边框模板（html框架边框）

今天给各位分享divcss网站边框模板的知识，其中也会对html框架边框进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

学div/css做网页，。想给网页做个华丽的边框，类似于QQ空间里面花边边框那样，求解这种边框怎么做出来的？

background:url(图片路径);

你只要把你的那个图片做很和你要的宽和高一样大小。那么他不就是边框了？

要不你就麻烦一点分成4块、然后插入图片

网上下载的css+div网页模版怎么修改？

想要改DIV+CSS网页模板，学学css样式表！

我昨天看到说利用css做的网站，很容易调整网站设计，那说明文字都在一个地方放着，不管css网页布局怎么改，那些文字都会到相应的框架里去？这是怎么完成的？

答：是通过css层叠样式表来控制标签的显示状态、位置的~

div+css很好学，我当初是看的这本书http://item.taobao.com/auction/item_detail-0db2-56d94da5e40cd0a53fe12a61e0657094.jhtml?cm_cat=0

div+css的边框怎样设置

1、border这个属性，例子：border:1px solid grey;

2、box-shadow这个属性，例子:box-shadow:0 0 3px grey;

...要实现边框效果还有挺多的，一般就用这两个就行了。

CSS+ div实现页面边框效果

百度这个确实是css写出来的，代码如下：

----------------------------------------------------------------

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

html xmlns="http://www.w3.org/1999/xhtml"

head

title无标题页/title

meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /

style

div { margin:0; padding:0; border-color:#333; font-size:12px; text-align:center; line-height:70px;}

.box-rod { width:200px; margin:100px auto; }

.rod { height:80px; border-left: 1px solid; border-right: 1px solid; }

.box-rod .rod1 { border-top: 1px solid; font-size: 0; height: 0; margin: 0 3px; overflow: hidden; }

.box-rod .rod2, .box-rod .rod3 { border: 0 solid; height: 1px; margin: 0 1px; overflow: hidden; }

.box-rod .rod2 { border-left-width: 2px; border-right-width: 2px; }

.box-rod .rod3 { border-left-width: 1px; border-right-width: 1px; }

.box-rod .rod4 { border-bottom: 1px solid; font-size: 0; height: 0; margin: 0 3px; overflow: hidden; }

/style

/head

body

div class="b7b6-2e08-e2b8-f6a7 box-rod"

div class="2e08-e2b8-f6a7-78d8 rod1"/div

div class="e2b8-f6a7-78d8-bf35 rod2"/div

div class="f6a7-78d8-bf35-e027 rod3"/div

div class="78d8-bf35-e027-301b rod" 确实css写的/div

div class="bf35-e027-301b-28d5 rod3"/div

div class="e027-301b-28d5-5e97 rod2"/div

div class="301b-28d5-5e97-e1db rod4"/div

/div

/body

/html

问下div css怎么做网站的边框圆角？

div+css实现圆角边框，在网络上查看了一下，很多都是实现圆角的矩形的方法，我在这里介绍的是实现圆角矩形边框的方法。

用代码说明问题：

html

head

style

#a{

border-left:1px #333 solid;

border-right:1px #333 solid;

width:300px;

height:500px;

}

.b{

height:1px;

overflow:hidden;

border-left:1px #333 solid;

border-right:1px #333 solid;

}

/style

/head

body

div

div class="28d5-5e97-e1db-4b8a b" style="margin-left:3px;width:294px;background:#333"/div

div class="a835-838a-76d2-f4ee b" style="margin-left:2px;width:296px;"/div

div class="838a-76d2-f4ee-0ea4 b" style="margin-left:1px;width:298px"/div

div id="a"

以我的能力，纯DIV+CSS实现的效果只能做到这样了。这里是放置内容的地方，自己看一看代码的规律，很容易明白。br/

代码很简单，a层为放置内容的层，其width值为300，然后向外以2像素的宽度递减。最外一层要加上background为个属性，目的是要将上、下两线条呈现出来。br/

这里实现了3像素的圆角边框，b层的数量决定了要实现多少个像素边框。建议不要多于3层，最好是2层，即2像素圆角边框，或者1层，因为层数越多，圆角的表现就越不圆滑。在firefox IE6 都通过测试。

/div

div class="76d2-f4ee-0ea4-89be b" style="margin-left:1px;width:298px"/div

div class="f4ee-0ea4-89be-b7b6 b" style="margin-left:2px;width:296px;"/div

div class="0ea4-89be-b7b6-2e08 b" style="margin-left:3px;width:294px;background:#333"/div

/div

/body

/html

如何给div加一个边框border样式

1  div上边加1px黑色边框

div{border-top:1px solid #000}

2  给div底部加边框

div{border-bottom:2px dashed #F00}

3  在div盒子左侧加边框

.divcss5{ border-left:1px solid #00F}

DIV代码：

div class="89be-b7b6-2e08-e2b8 divcss5"此DIV盒子左侧为1px实线蓝边框/div

4  在盒子div右侧加边框

div{ border-right:1px solid #F00}

5  在盒子上下加边框

div{border-top:1px solid #000;border-bottom:1px solid #000}

6  给div盒子左右加边框

div{ border-left:2px dashed #0F0;border-right:2px dashed #0F0}

7  给一个DIV四边加上3px实现黑色边框

div{ border:3px solid #000}

divcss网站边框模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html框架边框、divcss网站边框模板的信息别忘了在本站进行查找喔。