1、如何制作网页边框
额~ 帮你说下吧~
首先你上面的那个边框是存在效果的,有两种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家族就很恶心了,这种效果目前还只能用图片替代。用图片做背景。当然还要考虑背景的自适应问题,很麻烦,你可以百度一下。
2、在HTML中如何设置边框?
在html当中,为标签设置底部边框,采用border-bottom的CSS属性即可,具体代码如下:
<style>
2.con {
3.border-bottom: 5px solid #000;4.}5.</style>6.<div class="con">标签底部有5像素黑色边框</div>
3、网页设计中 怎么设计表格没有边框
<table border="0">
........
</table>
这样就不会有边框了
4、怎么在网页中设计彩色边框?
我这个代码很简单,直接加入您的主页程序中,在您的主页上围一个很酷的框,可以自动调节粗细和颜色。另外附加两条代码隐藏横滚动条和竖滚动条,希望能给大家带来一些不同的感觉。
〈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"〉。
5、网页设计问题,就是如何在css布局中设置边框大小、颜色问题
我个人建议你应该先学学基本的HTML和CSS知识,可视化的网页编辑工具对于新手来说是比较方便,但是这样的结果是“知其然不知其所以然”,而且有的时候用软件是达不到想要的效果的,还得直接修改HTML和CSS代码。
img {border:1px solid #666666;}
6、网页设计怎么设计左右两边边框怎么无限拓展
设置width:auto; min-width:980px; 这是设置最小宽980px 正常宽自动 如果有样式问题要进行样式清除 即在该div里面加入 <div class="clear"></div> 在css样式里面加入.clear { clear:both;}就行了
7、如何在网页中设计边框
边框的代码是border{red 1px solid;}
单一的边框代码是border-top{red 1px solid}这是上边,左右下分别是border-left,border-right,border-bottom
希望能够帮助到你。
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>