社区
CSS
帖子详情
那位朋友帮帮忙,怎样使table的边缘 更圆滑一些?
lyo
2003-12-08 04:00:55
大家好:
我用“border: outset;”使我的table变高,有一定高度,也有阴影,但是我发现它的边缘是尖的,就是有棱角,我想让table的边角变的圆滑一点,怎麽做呢?多谢!
...全文
191
15
打赏
收藏
那位朋友帮帮忙,怎样使table的边缘 更圆滑一些?
大家好: 我用“border: outset;”使我的table变高,有一定高度,也有阴影,但是我发现它的边缘是尖的,就是有棱角,我想让table的边角变的圆滑一点,怎麽做呢?多谢!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
15 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
lyo
2003-12-09
打赏
举报
回复
但是这样的话,先前填入table的值就被覆盖了,怎样使子窗口中提交的数据以追加的形式填到父窗口的table中?就是父窗口的table动态的增长,子窗口每提交一次,父窗口的表格就增加一行(追加的数据就是子窗口中刚才填入的), 而不是覆盖父窗口先前的数据,javascript能做到吗?
wanghr100
2003-12-09
打赏
举报
回复
偶上面写的是简单的,你完全可以在此基础上,
写出符合自己要求的代码啊.
关键在于如果把子窗口传到父窗口,
或是说,如何在父窗口取得子窗口的值吧.
self.opener 可以从子窗口指向父窗口,
这样,就是可以像在自己的窗口上引用元素一样啦..
parent.htm
<HTML>
<BODY>
<a href="#" onclick="window.open('son.htm')">open</a>
<table>
<tr><td>nickName</td><td id=snickName></td></tr>
<tr><td>homepage</td><td id=shomepage></td></tr>
<tr><td>email</td><td id=semail></td></tr>
</BODY>
</HTML>
son.htm
<html>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function submitIt(){
/* var data=''
for(i=0;i<e.elements.length;i++){
if(e.elements[i].type=='text'||e.elements[i].type=='password')data+=e.elements[i].name+':'+e.elements[i].value+'<br>';
}
*/
self.opener.snickName.innerHTML=document.all.nickName.value;
self.opener.shomepage.innerHTML=document.all.homepage.value;
self.opener.semail.innerHTML=document.all.email.value;
window.close()
}
//-->
</SCRIPT>
<form name="form1" method="post" action="">
<p>
nickName<input type="text" name="nickName">
</p>
<p>
homepage<input type="text" name="homepage">
</p>
<p>
email<input type="text" name="email">
</p>
<p>
<input type="submit" name="Submit" value="Submit" onclick="submitIt()">
</p>
</form>
</body>
</html>
lyo
2003-12-09
打赏
举报
回复
请进 :
http://expert.csdn.net/Expert/topic/2545/2545586.xml?temp=.7430231
lyo
2003-12-09
打赏
举报
回复
多谢灰豆宝宝.net)如此耐心和高水平的解答,我另开个贴子给你加分!
wanghr100
2003-12-09
打赏
举报
回复
parent.htm
<HTML>
<BODY>
<a href="#" onclick="window.open('son.htm')">open</a>
<table id=tb>
<tr><td>NickName</td><td>HomePage</td></tr>
</table>
</BODY>
</HTML>
son.htm
<html>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function submitIt(){
var vnickName=document.all.nickName.value;
var vhomepage=document.all.homepage.value;
var tbl = self.opener.document.all.tags("TABLE")[0];
var row = tbl.insertRow();
var cell1=row.insertCell();
var cell2=row.insertCell();
cell1.innerHTML = vnickName;
cell2.innerHTML = vhomepage;
}
//-->
</SCRIPT>
<form name="form1" method="post" action="">
<p>
nickName<input type="text" name="nickName">
</p>
<p>
homepage<input type="text" name="homepage">
</p>
<p>
<input type="submit" name="Submit" value="Submit" onclick="submitIt()">
</p>
</form>
</body>
</html>
lyo
2003-12-08
打赏
举报
回复
多谢! 可是这样子窗口一下子把数据都传了过去,子窗口能不能把数据以数组的形式传到父窗口?然后我好在父窗口 用 value[0] , value[1], value[2] 来分别得到子窗口中我填入的数据(比如name 域,email域... email=value[0]; name=value[1]这个样子)。
还有就是如果我把数据从子窗口传到父窗口后,我的父窗口是个table,可不可以使这个父窗口动态的增长?就是每次在子窗口提交一次数据后,动态的填到父窗口的table 中,以行追加的形式,使子窗口每提交一次数据,父窗口中的table就增加一行,填入的是子窗口传递过来的数据,可以吗? 只用javascript可以做到吗?
wanghr100
2003-12-08
打赏
举报
回复
parent.htm
<HTML>
<BODY>
<a href="#" onclick="window.open('son.htm')">open</a>
<span id=data></span>
</BODY>
</HTML>
son.htm
<html>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function submitIt(e){
var data=''
for(i=0;i<e.elements.length;i++){
if(e.elements[i].type=='text'||e.elements[i].type=='password')data+=e.elements[i].name+':'+e.elements[i].value+'<br>';
}
self.opener.data.innerHTML=data;
window.close()
}
//-->
</SCRIPT>
<form name="form1" method="post" action="">
<p>
nickName<input type="text" name="nickName">
</p>
<p>
homepage<input type="text" name="homepage">
</p>
<p>
email<input type="text" name="email">
</p>
<p>
<input type="submit" name="Submit" value="Submit" onclick="submitIt(form1)">
</p>
</form>
</body>
</html>
lyo
2003-12-08
打赏
举报
回复
看来还是要用图片了 :( 多谢大家! 又出现一个问题,比较复杂,谁帮我看一下? 可以另加分!
还有一个问题,就是点击父窗口某个按钮后弹出子窗口后,在子窗口中填入数据,点击确定后,子窗口关闭,填入的数据是否能提交到父窗口中并显示出来? 我的夫窗口有表格,我的意思是说把子窗口的数据填到父窗口的表格中
lyo
2003-12-08
打赏
举报
回复
多泄楼上几位,但你们的效果都不明显,几乎看不出来啊,我用的是IE6,我的意思是在用完 outset属性后,怎样使table突起的部分变的圆滑,而不是死棱角?效果就像windows桌面的属性页,帮我想想吧
LoveTide
2003-12-08
打赏
举报
回复
我以前做的一个。。。
<style>
body
{
font-size: 12px;
background-color: #CCCCCC;
}
table {
font-family: "宋体", "Fixedsys";
font-size: 9pt;
border: 0;
cell-spacing:1;
padding: 4;
}
table.3d {
background-color: #CCCCCC;
border: 1pt outset;
background-repeat: no-repeat;
background-position: 32px 44px;
}
</style>
<table border="0" width="100%" cellpadding="1" cellspacing="1" class="3d">
</table>
wanghr100
2003-12-08
打赏
举报
回复
<table borderColorLight="#FFFFFF" borderColorDark="#FFFFFF" cellSpacing=0 cellPadding=0 border=1>
<tr align="center">
<td width="86" bgColor="#B7B7B7" borderColorLight="#000000" borderColorDark="#EEEEEE">立体</td>
</tr>
</table>
lyo
2003-12-08
打赏
举报
回复
to wanghr100:
多谢,但你误会我的意思了:我现在是用代码:
table{
border: outset;
border-left-width: thick;
border-bottom: outset;
border-top: outset;
border-width: 6px;
}
来使我的table有立体效果,我想在网页上实现一个 类似 windows--〉桌面-->右健-->桌面属性 中的属性标签的效果,所以看上去要是立体的,我用以上代码后table边缘有棱角,我想把他们变圆滑些,有办法吗?
wanghr100
2003-12-08
打赏
举报
回复
用图片,或是VML ,
但是IE版本低的话,看不到 :( ie5.5可以.
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>VML</title>
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<body>
<center>
<v:roundrect strokecolor="black" fillcolor="white" style="position:relative;left:20;top:5;width:100px;height:40px;z-index:9">
<v:shadow on="t" type="single" color="silver" offset="3pt,3pt"></v:shadow>
<v:textbox id="memo" style="font-size:10pt;color:blue;line-height:18px" inset="1,1,1,1">灰豆宝宝.net<br>灰豆宝宝.net</v:textbox>
</v:roundrect>
</center>
</body>
</html>
swich
2003-12-08
打赏
举报
回复
得做图片
zhfkiller
2003-12-08
打赏
举报
回复
border只有outset,inset和solid三种类型
究极推荐:36个漂亮的各类型网站源代码打包分享
所有网站都采用CSS控制样式展现,木有
table
,都是DIV控制布局!
更
有一些网站有华丽丽的JS特效。 是的,在您看过之后,如果您真觉得不错,或者需要下载后续百来个网站的话,欢迎您评论,给予@贝斯特_岳 和优设哥一些动力。因为这些网站确实是我们精挑细选出来的一些非常漂亮的资源,就算和很多流行网站比较,他们也是毫无逊色异常出众精彩的。 36个网站中包含了各行各业的网页设计,譬如图片站、门户站、企业站、宠物站、资讯站等等,而且足够让您欣喜的是绝大多数资源还不仅仅是一个主页面,
更
有文章页、列表页、关于我、产品页面等等!
Lua
table
之排序
table
.sort
在Lua中,对
table
进行排序一般使用Lua自带的排序函数:
table
.sort(list[, comp]) list为需要排序的目标
table
,可选参数comp为排序的比较函数! 如果不提供比较函数comp,默认将使用标准Lua操作符"<"进行升序排序;如果提供了比较函数comp,就相当于用提供的比较函数comp重载了"<"操作符! 下面举例说明一下
table
.sort的...
element-ui el-
table
如何按对象展示多列重复数据??
el-
table
要怎么样才能实一下效果? 排名、学号、姓名、总分为一个对象信息, 要怎么才能实现一个
table
里面循环3列这个对象信息,实现下图效果??? 数据排名可不按图中所示纵向排列~可以横向排列。 例如: { 123 456 789 } 请大佬们
帮帮忙
~~~是在不知道怎么实现了~ 这是el-
table
文档 ...
create
table
like、create
table
select、insert into select的区别对比。sql(mysql、oracle等)复制表结构、表数据、索引。
1.2.1.create
table
like 创建表不复制数据(含表结构和索引、自增等约束)。 不支持oracle。 1.2.2.create
table
as select 创建表并复制数据(表结构来自select,所以不含索引等约束。select很灵活,可以select字段,可以连表)。 as可以省略 1.2.3.insert into select 不建表只复制数据(数据来自select。select很灵活,可以select字段,可以连表)。 需提前创建好表。
display:
table
有哪些应用?
这里是修真院web小课堂,每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【
更
多讨论】【参考文献】 八个方面深度解web知识/技能,本篇分享的是: 【display:
table
有哪些应用?】 大家好,我是IT修真院武汉分院第九期的学员杨梓雄,一枚正直纯洁善良的前端程序员,今天给大家分享一下,修真院官网前端工程师(职业)css任务06,深度思考中的知...
CSS
61,126
社区成员
60,707
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章