1、网页制作,图片边框如何做
边框颜色为灰色;
border-top-color: #999999;
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、网页制作中使用什么标记符给图像加边框
直接border=1,或者使用css
img {颜色需要在css里边加上
4、网页设计中边框里的图片如何控制其大小?
可以在css文件里设置图片的长宽及图片的浮动等各种特效。即用width、和height强制改变图片的大小。如:
.a{background:url(tupian.jpg);width=20px;height=20px;} 说明:.a是类选择器,调用时<标签名 class="类名">(这里类名为a),url里面是图片的位置及名称。width、height即强制改变的图片的大小。
还有一种方式是可以借助电脑的画图工具将图片的大小改成目标大小,然后保存后也可以直接调用图片。
5、给网页中的图片加边框
<img src="url" width="XX" height="XX" border="0" style="border:1px solid #FF0000">
出来的就是带红色边框的图片
关键就在于style="border:1px solid #FF0000"里
1px(一个像素宽),solid(边框为实线),#FF0000(颜色参数)
6、网页设计中页面上的那些流线型的边框如何制作?用图片的吗?
最上面的大图就是静态的图片,可以切开,但这个图应该是不能延展的
而左边中部那个圆角的框,可以切成上中下三部分实现可以向下延展
大概都是这样的思路
7、做网页时,怎样给边框,设置背景图片?谢谢
不管是表格还是其他的设置背景都是background="" 冒号中是你背景图片的位置 bacolor="" 是背景颜色。比如说<body background="d:/picture/111.jpg"> 网页内容</body>
在比如<table background="d:/picture/111.jpg"> 表格内容</table>
8、网页设计,怎么插入局部框架的背景图片
一、添加背景图片:body { background: url("xxx.jpg"); }
原本<body>卷标提供了以下几种设定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*离浏览器显示窗左边的距离
topmargin=fixels /*离浏览器显示窗上面的距离
>
background-image:url(n.jpg)
/*背景图档
background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示
background-attachment:scroll|fixed
/*卷动或固定
background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景图文件位置
二、添加框架:
①打开Dreamweaver,新建一个网页。点击布局中的框架按钮,选择要实现的框架类型。
②这样就创建了两个页面,分布命名。点击中间的线就是选中了整个页面,点击文件\保存框架页,进行命名。左右两个页面分别选中再保存,操作一样。
③点击中间的边框,就选中了整个页面,可以对整个页面的属性进行更改,可以移动中间的边框,也可以点击查看\可视化助理,勾选框架边框来显示或隐藏边框。
④再分别更正左右两个页面的页面属性。
9、在网页设计中图片链接后为什么图片有一个边框,如何去掉?拜托各位了 3Q
加个border=0的代码即可,代码如下,看加粗部份 <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <table width="1003" border="0"> <tr> <td><a href="2.html"><img src="images/wang_01.gif" width="1003" height="104" border=0 ></a></td> </tr> </table> </body> </html>
希望采纳
10、求各种网页设计中的边框设计方法
一种是做按钮的或者边框图片,拿来当背景,另外就是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。
如果对你有帮助请给我最佳答案谢谢