导航:首页 > 万维百科 > 网页设计设置边框的代码

网页设计设置边框的代码

发布时间:2020-12-12 11:25:35

1、在HTML中如何设置边框?

HTML中设置边框方法:

方法/步骤

1、一个普通的表格如下:

相关设置

2、单元格边距(表格填充)(cellpadding) -- 代表单元格外面距离,用于隔开单元格与单元格之间的空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离。

具体代码如下:

<table border='1'cellspacing="0" cellpadding="0" > <tr> <td width="200">1</td> <td width="200">2</td> <td width="200">3</td> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> </tr> <tr> <td>中国</td> <td>我</td> <td>爱你</td> </tr> </table>

效果如图

文字不居中?

3、设置一下就好了。

代码如下:

<style type="text/css">.onecenter{text-align:center;width:200px;}</style><table border='1'cellspacing="0" cellpadding="0" > <tr> <td class='onecenter'>1</td> <td class='onecenter'>2</td> <td class='onecenter'>3</td> </tr> <tr> <td class='onecenter'>a</td> <td class='onecenter'> b</td> <td class='onecenter' > c</td> </tr > <tr> <td class='onecenter' >中国</td> <td class='onecenter' >我</td> <td class='onecenter' >爱你</td> </tr> </table>

4、为了方便一点我直接把样式写在上面了。

效果如图:

5、每一个表格都是一个完整的方框,如果想要线条更细。

6、看如下代码:

<style type="text/css">.onecentertext-align:center;width:200px;height:50px;}#sebackground-color:#006699 ;padding:20px;color:#FFF;}</style><table border='1'cellspacing="0" cellpadding="20" > <tr> <td class='onecenter'>1</td> <td class='onecenter' style='border-left:0px;border-right:0px;'  >2</td> <td class='onecenter'>3</td> </tr> <tr> <td class='onecenter'>a</td> <td class='onecenter' style='border:0px'> b</td> <td class='onecenter' > c</td> </tr > <tr id='se'> <td class='onecenter' >中国</td> <td class='onecenter' >我</td> <td class='onecenter' >爱你</td> </tr> </table>

7、这段代码主要是针对某些表格做了些设置,让某些表格不显示出来。

2、制作网页时如何才能做出这种代码框?求详细

  这种都是用 开发好的 编辑器之类 生成的
有很多种 大多是开源免费的 
比如这里用的是 ueditor

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

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

4、边框颜色的html网页代码代码是什么

border-color:#000000

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

一种是做按钮的或者边框图片,拿来当背景,另外就是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。
如果对你有帮助请给我最佳答案谢谢

6、----HTML网页设计里的边框问题---!!!!!

使table 的内外边框有不同的效果,一般都是使用背景色覆盖的方法来实现内,就是给 table 指定一种背景色(容比如黑色),再给 td 指定一种背景色(比如白色),然后再指定td 的 marign 属性。

你插入的图应该是每行都是一个table这样布局比较容易。
你也可以用 div+css 试试,方法有很多种多试试吧。

7、网页设计问题,就是如何在css布局中设置边框大小、颜色问题

我个人建议你应该先学学基本的HTML和CSS知识,可视化的网页编辑工具对于新手来说是比较方便,但是这样的结果是“知其然不知其所以然”,而且有的时候用软件是达不到想要的效果的,还得直接修改HTML和CSS代码。

img {border:1px solid #666666;}

8、网页制作题目。给网页增加红色边框的样式代码:biankuan{red:2px solid ____

.biankuang{border:red solid 2px;}

9、网页设计,HTML,如图中的阴影框,求代码



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
background-color: #0066CC;
}
h1{
position: absolute;
}
.box{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
margin: 0 auto;
width: 800px;
height: 700px;
background-color: #666;
}
.con{
position: absolute;
top: 400px;
left:300px;
color: #fff;
}
</style>
</head>
<body>
<h1>你好 看见div是透明了么!</h1>
<div class="box">
</div>
<div class="con">
<h2>
你想写一些什么呢
</h2>
<p> 不如先采纳了吧</p>
</div>
</body>
</html>

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