网页设计边框
❶ 网页设计问题,就是如何在css布局中设置边框大小、颜色问题
平时都是代码模式,你这说视图模式,还真有点看不懂,那我就说说代码模式怎回么写吧。首先你给div等标签加个class或答ID。
<divclass="div1">内容</div>
<style>
.div1{border:#ddd1pxsolid;}//边框颜色、大小、类型(虚线实线等。)
</style>
❷ 如何制作网页边框
额~ 帮你说下吧~
首先你上面的那个边框是存在效果的,有两种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家族就很恶心了,这种效果目前还只能用图片替代。用图片做背景。当然还要考虑背景的自适应问题,很麻烦,你可以网络一下。
❸ 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里插入一个单元格将背景设为这种颜色,再分别插入相应表格,然后添加文字,设置按钮就可以了
❻ ----HTML网页设计里的边框问题---!!!!!
使table 的内外边框有不同的效果,一般都是使用背景色覆盖的方法来实现,就内是给容 table 指定一种背景色(比如黑色),再给 td 指定一种背景色(比如白色),然后再指定td 的 marign 属性。
你插入的图应该是每行都是一个table这样布局比较容易。
你也可以用 div+css 试试,方法有很多种多试试吧。
❼ 如何在网页中设计边框
边框的代码是border{red 1px solid;}
单一的边框代码是border-top{red 1px solid}这是上边,左右下分别是版border-left,border-right,border-bottom
希望能够帮助到你权。
❽ 网页设计中边框里的图片如何控制其大小
可以在css文件里设置图片的长宽及图片的浮动等各种特效。即用width、和height强制改变专图片的大小。如属:
.a{background:url(tupian.jpg);width=20px;height=20px;} 说明:.a是类选择器,调用时<标签名 class="类名">(这里类名为a),url里面是图片的位置及名称。width、height即强制改变的图片的大小。
还有一种方式是可以借助电脑的画图工具将图片的大小改成目标大小,然后保存后也可以直接调用图片。
❾ 网页制作 怎么加边框颜色
设置"style",里面的属性任你设置,例如"style: color=red"
❿ 网页设计中暗边框与亮边框是怎么设置的
用css定义一来个class,比如:
<style>
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
</style>
然后自在要加效果的表格里加上<table class="bordercolor">或者直接写在单元格里<tr class="bordercolor">或<td class="bordercolor">,这样也很简单