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

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

我用“border: outset;”使我的table变高，有一定高度，也有阴影，但是我发现它的边缘是尖的，就是有棱角，我想让table的边角变的圆滑一点，怎麽做呢？多谢！
...全文
200 15 打赏 收藏 转发到动态 举报
写回复
用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组件，支持分页、全文检索、导出等
前端页面如何创建表格？table的结构、属性有哪些？
前端页面如何创建表格？table的结构、属性有哪些？
element UI中table操作栏更多按钮展示与折叠的实现
Element UI中table操作栏更多按钮展示与折叠的实现 1、然后给大家看下动态图 2、解决思路： ​ 一开始我的第一反应就是可以手写一个定位布局来点击弹出更多按钮弹框，后面看了下elementUI文档上有个组件可以利用，那就是Popover 弹出框 废话不多说，直接上代码吧 html代码块： <el-table :data="locationList" v-loading="loading" border class="table" ref="multipleTable" @selectio
element-ui实现table表格的嵌套（table表格嵌套）功能实现
最近在做电商类型的官网，希望实现的布局如下：有表头和表身，所以我首先想到的就是table表格组件。 表格组件中常见的就是：标题和内容一一对应： 像效果图中的效果，只用基础的表格布局是不行的，因此我想到了table表格中的展开功能： 然后通过：默认展开所有行 然后在里面的表格table中默认隐藏表头： 其他的则需要通过样式进行实现了 element-ui中table表格的嵌套（代码部分） <el-table v-bind:data="tableData" :default-expand-al
DROP TABLE, TRUNCATE TABLE, DELETE TABLE 三种删除语句的区别
1.DROP TABLE 清除数据并且销毁表，是一种数据库定义语言(DDL Data Definition Language), 执行后不能撤销，被删除表格的关系，索引，权限等等都会被永久删除。 2.TRUNCATE TABLE 只清除数据，保留表结构，列，权限，索引，视图，关系等等，相当于清零数据，是一种数据库定义语言(DDL Data Definition Language)，执行后不能撤销。 3.DELETE TABLE 删除（符合某些条件的）数据，是一种数据操纵语言(DML Data Manipul
CSS

61,125

社区成员

60,706

社区内容

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

加载中

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

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

+ 用AI写文章