老师看一哈怎么样，顺带问一哈，table在CSS中的设置
来源：2-4 编程练习
功不唐捐终入海
2020-05-25 10:55:21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模版字符串</title>
<style>
table{
border:1px solid;
}
tr,td{
border:1px solid;
}
</style>
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript">
const tmpl = function() {
return {
title: "前端",
data: [{
title: '布局基础',
date: ["html", "css"]
}, {
title: '网页特效',
date: ["javascript", "jquery"]
}, {
title: '框架',
date: ["bootstrap", "vue"]
}]
}
}
let{title,data}=tmpl();
let table=document.createElement('table');
// let html=`<caption>${title}</caption>`;
// data.forEach(function({title,date}){
// html+=`<tr>
// <td>${title}</td>
// <td>${date[0]}</td>
// <td>${date[1]}</td>
// </tr>`
// })
// table.innerHTML=html;
let arr=[];
arr.push(`<caption>${title}</caption>`);
data.forEach(function({title,date}){
arr.push(`<tr>
<td>${title}</td>
<td>${date[0]}</td>
<td>${date[1]}</td>
</tr>`)
})
table.innerHTML=arr.join('');
document.body.appendChild(table);
</script>
</body>
</html>
在CSS3中怎么设置table自己只会宽高border啥的。这个cellspacing cellpadding这些怎么在CSS中设置？？
1回答
-
好帮手慕星星
2020-05-25
同学你好，代码实现效果正确，很棒！
css样式中有一个border-spacing属性，设置相邻单元格的边框间的距离，与cellspacing标签属性作用类似。例如
没有css属性与cellpadding属性作用类似。
祝学习愉快！
0
相似问题