网页边框设计_网页设计中的边框代码

1、求各种网页设计中的边框设计方法

一种是做按钮的或者边框图片，拿来当背景，另外就是css里定义了l none: 指定表格没有边框，所以边框宽度为0。l dotted: 由点线组成的表格边框。l dashed: 由虚线组成的表格边框。l solid: 由实线组成的表格边框。l Double: 由双实线组成的表格边框。l Groove: 槽线效果边框。l ridge: 脊线效果边框，和槽线效果相反。l inset: 内凹效果边框。l outset: 外凸效果边框，和内凹效果相反。每个边框类型都可以指定一种颜色，边框是绘制在背景颜色上的，列表A使用边框属性来样式化整个表格以及锚标记和单独的单元格。

例如说 css里#tab｛border:2px solid #0099FF;｝表达的意思就是说ID为TAB的div或者table的边框为2个像素的实线颜色为#0099FF。
如果对你有帮助请给我最佳答案谢谢

2、怎么在网页中设计彩色边框？

我这个代码很简单，直接加入您的主页程序中，在您的主页上围一个很酷的框，可以自动调节粗细和颜色。另外附加两条代码隐藏横滚动条和竖滚动条，希望能给大家带来一些不同的感觉。

〈script language=javascript1.2〉
if (document.all)
document.body.style.csstext="border:15 ridge red" //“border:15”是宽度，“red”可以换成你需要的颜色，如“green(绿色)”，“blue(蓝色)”等等。
〈/script〉

以上是加框框的代码，直接修改加入您的主页代码〈body〉〈/body〉中即可。

隐藏横竖滚动条的语句是：〈body style="overflow:hidden"〉。

3、网页制作中的边框

做这样的好多种方法都可以啊。

只给外层的div设置边框。内部div不设置边框

<div class="box">
    <div></div>
        <div></div>
        <div></div>
</div>.box{border:1px solid #000;}

给ul设置边框，li不设置边框

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>ul{border:1px solid #000;}

4、网页制作，这个边框怎么设置？

插入一个表格然后选中整个表格编辑表格里面有设置，或者用插入div标签来制作，插入里面找到div标签，插入后选中他，新建css，然后编辑就可以了

5、如何在网页中设计边框

边框的代码是border{red 1px solid;}
单一的边框代码是border-top{red 1px solid}这是上边，左右下分别是border-left,border-right,border-bottom
希望能够帮助到你。

6、网页顶部的边框怎么制作

给对应的div加属性 border-bottom:2px solid #F00;

7、网页设计中的边框代码

1、打开html开发工具，新建一个html代码页面。html中创建一个div标签，给这个标签添加文字内和一个class为了后面方便控制容div的样式：

2、接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色：

3、保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。以上就是网页设计中设置边框的详细步骤：

8、网页设计中的边框代码如何做？

用到CSS样式和HTML标签元素,为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果.

1、html常用标签:p标签 spanul li table tr td;

2、实例用到CSS属性单词:border width height;

3、实现虚线的CSS重点介绍

border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式（实线还是虚线）.

border:1px dashed #F00 这个就是设置边框样式宽度为1px 虚线,虚线为红色.

9、网页边框

我做个实例：
<table width="550" height="157" border="0" style="border-top:#FF0000 1px solid;border-bottom:#FF0000 1px solid;border-left:#FF0000 1px solid;border-right:#FF0000 1px solid;">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>

style="border-top:#FF0000 1px solid;border-bottom:#FF0000 1px solid;border-left:#FF0000 1px solid;border-right:#FF0000 1px solid;"
是表示上、下、左、右4条边框。宽度专为属1px,颜色是#ff0000

10、如何制作网页边框

额~ 帮你说下吧~
首先你上面的那个边框是存在效果的，有两种CSS2.0做不出来的效果，一是圆角，二是颜色变化。
当然颜色变化可以用别的方法实现，如果是CSS3.0 的话就都可以做出来，但是不同浏览器对CSS3.0支持程度不一样，其中做这个最方便的就是Firefox，代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Border in CSS3.0</title>
<style>
#box {
width:300px;
height:200px;
border:solid 4px #f4bc44;
border-radius:3px; /* 圆角，印象中原来火狐要用 -moz-border-radius:3px; 我这个是4.0+ 的，这样也可以，没有以前的版本了，没试 */
/* 下面这四句就是用来定义边框颜色变化的，不明白的话可以自己试着换些颜色看，Firefox 3.5 及以上版本支持，建议自己在FF里面看下效果 */
-moz-border-top-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-right-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-bottom-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-left-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
webkit 内核的浏览器对CSS3.0支持的很好，但是很遗憾还不支持 border-colors属性，所以在Chrome或者Safari里面要想别的办法了，代码如下（opera 里面也可以这样做）：
<!DOCTYPE html>
<html>
<head>
<title>Border in CSS3.0</title>
<style>
#box {
width:300px;
height:200px;
border:solid 3px #ffdd90;
border-radius:3px;
}
#inner {
width:298px;
height:198px;
border:solid 1px #f4bc44;
}
</style>
</head>
<body>
<div id="box">
<div id="inner">
</div>
</div>
</body>
</html>
CSS3.0 还有一个方法就是 border-image 也很放。
IE家族就很恶心了，这种效果目前还只能用图片替代。用图片做背景。当然还要考虑背景的自适应问题，很麻烦，你可以百度一下。

导航:首页 > 万维百科 > 网页边框设计

网页边框设计

与网页边框设计相关的知识