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

网页设计外框设计

发布时间:2021-01-17 12:56:20

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

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

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

2、如何制作网页边框

额~ 帮你说下吧~
首先你上面的那个边框是存在效果的,有两种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家族就很恶心了,这种效果目前还只能用图片替代。用图片做背景。当然还要考虑背景的自适应问题,很麻烦,你可以百度一下。

3、网页设计怎么设计左右两边边框怎么无限拓展

设置width:auto; min-width:980px; 这是设置最小宽980px 正常宽自动 如果有样式问题要进行样式清除 即在该div里面加入 <div class="clear"></div> 在css样式里面加入.clear { clear:both;}就行了

4、网页设计中页面上的那些流线型的边框如何制作?用图片的吗?

最上面的大图就是静态的图片,可以切开,但这个图应该是不能延展的
而左边中部那个圆角的框,可以切成上中下三部分实现可以向下延展

大概都是这样的思路

5、网页设计中的边框代码如何做?

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

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

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

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

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

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

6、网页设计中边框里的图片如何控制其大小?

可以在css文件里设置图片的长宽及图片的浮动等各种特效。即用width、和height强制改变图片的大小。如:
.a{background:url(tupian.jpg);width=20px;height=20px;} 说明:.a是类选择器,调用时<标签名 class="类名">(这里类名为a),url里面是图片的位置及名称。width、height即强制改变的图片的大小。
还有一种方式是可以借助电脑的画图工具将图片的大小改成目标大小,然后保存后也可以直接调用图片。

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

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

8、网页设计 表格 怎么保留一个边框

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
table{
background:#000;
border:0;
}
table tr{
background:#FFF;
}
</style>
</head>
<body>
<table width="200">
  <tr>
    <td>11</td>
    <td>11</td>
    <td>11</td>
  </tr>
  <tr>
    <td>11</td>
    <td>11</td>
    <td>11</td>
  </tr>
  <tr>
    <td>11</td>
    <td>11</td>
    <td>11</td>
  </tr>
</table>
</body>
</html>

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