那位朋友帮帮忙，怎样使table的边缘 更圆滑一些？

lyo 2003-12-08 04:00:55
大家好：

我用“border: outset;”使我的table变高，有一定高度，也有阴影，但是我发现它的边缘是尖的，就是有棱角，我想让table的边角变的圆滑一点，怎麽做呢？多谢！
...全文
188 15 打赏 收藏 转发到动态 举报
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三种类型
bootstrap-table-demo
bootstrap-table是一个功能强大的table组件，支持分页、全文检索、导出等
iview Table 修改样式
思路1:自己写table、thead、tfoot、tbody、tr、td等的样式以及是适配样式。 思路2:自己写样式，覆盖想要修改的样式 自己定义small-table样式，放在table上面，然后依次修改自己想要的进行覆盖 &lt;style lang="less"&gt; .small-table .ivu-table-cell { padding: 0px; } ...
css单线边框_css怎么设置table表格的边框为单线边框？（代码详解）
table表格边框怎么设置为单线边框？本篇文章就给大家介绍一种css设置table表格的边框为单线边框的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。首先我们来看看给table表格添加边框后，它的默认效果：table,table td{border: 1px solid #000;}table td{padding: 10px 30px;}可以看出，table表格是以双...
table 》 tr 设置样式无效? table tr 这样设置才行，why？
今天碰到的一个问题，之前一直没有注意到，虽然很快找到问题所在了，但感觉有必要记录一下，希望有同样遇到这个问题的小伙伴，但没找到原因的，能看到这篇文章 先来看问题： html如下： 想让 tr变成红色背景 <style type="text/css"> table > tr { background-color: red; } </style> <body> <table border cellspacing="0" cellpaddi
bootstraptable 列隐藏_bootstrap中table如何隐藏列？
Bootstrap如何隐藏table中的某一列？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。Bootstrap隐藏table中的某一列1、利用bootstrapTable来设置要隐藏和显示的列$(function () {//初始化tableLoadingDataListOrderRealItems();//隐藏列$('#tableOrderReal...
CSS

61,129

社区成员

60,711

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章