导航:首页 > 万维百科 > 网页设计边框为图片代码

网页设计边框为图片代码

发布时间:2021-02-15 16:22:48

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、网页设计,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>

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

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

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

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

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

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

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

4、网页设置首页图片框大小,HTML代码,希望全屏平铺有图,来帮帮新手~感谢~

你说的是图片拉伸到整个容器的话就在加个样式
background-size:cover;
作用是将图片拉伸到整个容器,就不会再容器里留空白。

5、在html的表格中,怎么把表格的边框设置为实线框?具体的代码是什么?谢谢

<style type="text/css">
<!--
.tableborder {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
/*以上分别设置的是表格边框中上右下左的边框宽度*/
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
/*设置边框的表现样式,solid为实线*/
border-top-color: #0000FF;
border-right-color: #0000FF;
border-bottom-color: #0000FF;
border-left-color: #0000FF;
/*设置边框的颜色*/
}
-->
</style>
<table width="300" height="100" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td>class="tableborder"是对样式的调用,写在table标签内</td>
<td> </td>
</tr>
</table>

6、网页中图片边框代码在什么位置?

直接这样就可以了

<img src="x.jpg" width=50 height=50 style="border:#cccccc 1px solid">
style="border:#cccccc 1px solid"
边框若想加粗就把回1px改为答2px

7、求一段html网页的图片效果代码

这位童鞋,这个地方又错误:<imgsrc;

完整代码如下:

<html><head><style type="text/css">
.a:hover{border:1px solid Red;}
.a:hover .gonglue-art{color:Red;}
</style>
</head>
<body>
<div class="a" style="width: 400px;">   
<div class="img">   
<ahref="#">   
<img width="120" height="160" img-src="http://p10.ytrss.com/proct/20/294/1733/viewimage/10924.jpg" alt="ONLY雪纺两件套女衬衫E|113241011020,白,XL,13Q2" src="*.jpg"></ahref="#"></div>   
<div class="gonglue-art">   
非东风风神的法搜的建瓯市非单身飞速的发就欧风搜的哦</div>   
</div></body></html>

8、网页实现圆角边框栏目的代码(背景图片为一张大图)div高度不确定。 在线

这个好像不能实现吧,DIV+CSS只能实现方方正正的,可能用JS可以实现;
要不就 背景图片是个圆角的 加上样式 background-repeat:repeat-y;不让他纵向重复

9、网页中显示图片的代码是什么

步骤如下:抄
1.插入一个文字框,在框内写好文章;
2.勾选编辑器左下角的“源代码”,在源代码中找出<table......>字段,在table之后空出一个半角空格,填写以下代码:
background=图片的网络地址 style="backgroundrepeat:repeat-no; 50% 50%"

与网页设计边框为图片代码相关的知识