1、网页设计中暗边框与亮边框是怎么设置的
用css定义一个class,比如:
<style>
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
</style>
然后在要加效果的表格里加上<table class="bordercolor">或者直接写在单元格里<tr class="bordercolor">或<td class="bordercolor">,这样也很简单
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、网页设计怎么把表格的边框颜色改变
&
4、网页顶部的边框怎么制作
给对应的div加属性 border-bottom:2px solid #F00;
5、制作网页的时候如何让表格边框有颜色里面的框没颜色
那样的话 你要创建2个表格 外面打的有边框 里面再插入一个小表格 设置无边框 的 即边框 =0
6、网页制作 怎么加边框颜色
?
7、网页布局 如何制作像百度知道这样有颜色的可自动拉伸的边框
不知道你指的是哪一种,我猜可你你是指问题这边的框吧,绿色的这个
之前有做过类似的实现大概是以下几步
首先就是你要做一些图片,四个顶角然后横的一条,竖的一条,
左顶+上+右顶
竖 + + + 竖
左下+下+右下
四个顶角就是四张图片,可以接些单元格,然后插入图片
上下是两个竖的也是拉两个单元格,然后图片是当作背景图片(当背景图片他就会自动拉伸了,),思路就是这样,然后你可以自己去实践上,上网查下明细
8、求各种网页设计中的边框设计方法
一种是做按钮的或者边框图片,拿来当背景,另外就是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。
如果对你有帮助请给我最佳答案谢谢
9、网页设计问题,就是如何在css布局中设置边框大小、颜色问题
我个人建议你应该先学学基本的HTML和CSS知识,可视化的网页编辑工具对于新手来说是比较方便,但是这样的结果是“知其然不知其所以然”,而且有的时候用软件是达不到想要的效果的,还得直接修改HTML和CSS代码。
img {border:1px solid #666666;}