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

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

html网页设计表格,如何通过css让表格只有外边框,而没有内边框或者只有内边框,而没有外边框

table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格,不给他要边框*/
}
以上是全局的,用了以后所有的专表格都是这个样式。
如果你要给特属定的表格加入这个样式:
1 给那个表格加上class='classname' (classname是你自己起的样式名)
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格,不给他要边框*/
}

只有内边框没有外边框的话,我就只会用赖皮的方法:给table外面套一个overflow:hidden的div,宽度和高度比table小2px,给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

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

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

Ⅳ 用html如何制作网页边框,而且带字的

你可以先用ps做出这种效果的边框(文字不要),在裁切,然后在dreamweaver里插入一个单元格将背景设为这种颜色,再分别插入相应表格,然后添加文字,设置按钮就可以了

Ⅳ 怎么在网页中设计彩色边框

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

〈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"〉。

Ⅵ html网页设计表格,如何通过css让表格只有外边框,而没有内边框

table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格,不给他要边框*/
}
以上是全局的,用了以后所有的表内格都是这个样式。容
如果你要给特定的表格加入这个样式:
1 给那个表格加上class='classname' (classname是你自己起的样式名)
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格,不给他要边框*/
}

只有内边框没有外边框的话,我就只会用赖皮的方法:给table外面套一个overflow:hidden的div,宽度和高度比table小2px,给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

Ⅶ 如何制作网页边框

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

Ⅷ 网页设计中的边框代码如何做

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

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

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

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

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

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

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

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

Ⅹ 网页制作 怎么加边框颜色

设置"style",里面的属性任你设置,例如"style: color=red"