dreamweaver中的表格边框线宽度怎么调整_百度知道
dreamweaver中的表格边框线宽度怎么调整
1.新建网页文件，插入&table style=&width:400height:300px& border=1 cellpadding=0 cellspacing=0&&tr&&td align=&center&&改变表格边框&/td&&/tr&&/table&，表示一个宽度是400像素，高度是300像素的表格。2.将border=1替换成border=10，用于改变边框像素。
其他类似问题
为您推荐：
般表格代码面都width 或者CSS面修改或者设计页面面修改
可以在代码里面改:宽度代码元素:数值大小,也可以点击要修改的表格,在下面的属性面板找到宽度属性,修改你要的宽度数值!
奇怪哦，你问这个问题匿名。想帮你都不行啊。
点击插入，选择表格，点击后会看到选项的。
设置它的border值就行了
您可能关注的推广
表格边框的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁兼容浏览器：IE6.0+& FF3.0& Safari3.1& Opera9.6& Chrome2.0
/***********************************************
// ColorPicker v0.1
// 作者：黄健
// 转载请保留此信息.
************************************************/
if(typeof Freewind == 'undefined'){
Freewind = {};
Freewind.CSS = {
add : function(cssText, doc){
doc = doc ||
var style = null,
styles = doc.getElementsByTagName(&head&)[0].getElementsByTagName(&style&);
if(styles && styles.length == 0){
style = doc.createElement(&style&);
style.type = &text/css&;
doc.getElementsByTagName(&head&)[0].appendChild(style);
style = styles[0];
if(style.styleSheet){
style.styleSheet.cssText += cssT
style.appendChild(doc.createTextNode(cssText));
Freewind.ColorPicker = function(){
this.nMaxRow = 12;
this.nMaxCol = 21;
this.colorTable =
this.colorPicker =
this.target =
this.callBack =
this.isShow =
this.initialize();
Freewind.ColorPicker.prototype = {
$ : function(id){
return document.getElementById(id);
addEventHandler : function (oTarget, sEventType, fnHandler){
if( oTarget.addEventListener ){
oTarget.addEventListener(sEventType, fnHandler, false);
}else if( oTarget.attachEvent ){
oTarget.attachEvent(&on& + sEventType, fnHandler);
oTarget[&on& + sEventType] = fnH
removeEventHandler : function (oTarget, sEventType, fnHandler){
if( oTarget.removeEventListener ){
oTarget.removeEventListener(sEventType, fnHandler, false);
}else if( oTarget.detachEvent ){
oTarget.detachEvent(&on& + sEventType, fnHandler);
oTarget[&on& + sEventType] =
stopPropagation : function(oEvent){
if(oEvent){
oEvent.stopPropagation();
window.event.cancelBubble =
getOffset : function (obj, parentObj){
var x = 0, y = 0;
x += obj.offsetL
y += obj.offsetT
obj = obj.offsetP
}while(obj && obj != parentObj);
return {x:x, y:y};
toHexColor : function(nColor){
return &#& + (&000000& + nColor.toString(16)).slice(-6);
toRGBColor : function(sColor){
sColor = sColor.replace(&#&, &&);
var rgb = {R : 0, G : 0, B : 0};
if(/^#(/w{2})(/w{2})(/w{2})$/.test(sColor)){
rgb.R = parseInt(RegExp.$1, 16);
rgb.G = parseInt(RegExp.$2, 16);
rgb.B = parseInt(RegExp.$3, 16);
getBGColor : function(td){
var bgColor = td.style.backgroundColor.toString().toUpperCase();
if(bgColor.indexOf(&RGB&) &= 0){ //FF
var rgb = bgColor.match(/RGB/((/d+).?,.?(/d+).?,.?(/d+)/)/);
bgColor = &#&;
for(var i=1; i&rgb. i++){
val = parseInt(rgb[i]).toString(16).toUpperCase();
if(val.length & 2){
val = &0& +
bgColor +=
return bgC
hideSelect : function(val){
if(document.all){
var selects = document.getElementsByTagName(&select&),
nLen = selects.
for(var i=0; i & nL i++){
if(selects[i].id != &CPType&){
selects[i].style.visibility =
initPosition : function(){
if(!this.target ){
var offset = this.getOffset(this.target);
var nWidth = this.colorPicker.offsetWidth,
nHeight = this.colorPicker.offsetHeight,
objWidth = this.target.offsetWidth + 1,
objHeight = this.target.offsetHeight + 1,
bodyWidth = document.body.clientWidth || document.documentElement.clientWidth,
bodyHeight = document.body.clientHeight || document.documentElement.clientH
if(offset.x + objWidth + nWidth & bodyWidth && offset.x - nWidth & 0){
x = offset.x - nW
x = offset.x + objW
if(offset.y + objHeight + nHeight & bodyHeight && offset.y - nHeight + objHeight & 0){
y = offset.y - nHeight + objH
y = offset.y;
this.colorPicker.style.left = x + &px&;
this.colorPicker.style.top = y
initHtml : function(){
var sHtml = '&div id=&FWColorPicker&&&div id=&CPTitle&&&div id=&CPPrevView&&&/div&&div id=&CPValue&&#FFFFFF&/div&&div id=&CPButton&&&select hideFocus=&hideFocus& id=&CPType&&&option value=&1& selected=&selected&&立方色&/option&&option value=&2&&连续色调&/option&&option value=&3&&灰度等级&/option&&/select&&/div&&/div&&div id=&CPTable& &&/div&&div id=&CPBorder&&&/div&&/div&';
this.colorPicker = document.createElement(&div&);
this.colorPicker.innerHTML = sH
this.colorPicker.style.position = &absolute&;
this.colorPicker.style.top = &-1000px&;
this.colorPicker.style.zIndex = 1000;
document.body.appendChild(this.colorPicker);
var html = [];
html.push(&&table border='1' cellpadding='0' cellspacing='0' id='CPColorTable' &&);
for(var i=0; i & this.nMaxR i++){
html.push(&&tr&&);
for(var j=0; j & this.nMaxC j++){
html.push(&&td&&&/td&&);
html.push(&&/tr&&);
html.push(&&/table&&);
this.$(&CPTable&).innerHTML = html.join(&&);
Freewind.CSS.add(&/
#FWColorPicker{ position: width:231px ! width:232 height:161px ! height:162 border:1px solid #333; font-size:12 font-family:'宋体', A}/
#FWColorPicker #CPTitle{ height:25 padding-top:4 background:#E4E4E4; }/
#FWColorPicker #CPPrevView{ float: width:50 height:20 border:1px solid #333; background:#FFF; margin-left:5 }/
#FWColorPicker #CPValue{ float: margin-left:20 line-height:20 }/
#FWColorPicker #CPButton{ float: }/
#FWColorPicker #CPButton select{ margin-right:10 }/
#FWColorPicker #CPColorTable{ border-collapse: border-color:#000; cursor: -moz-user-select: }/
#FWColorPicker #CPColorTable td{ width:10 height:10 line-height:10 border-color:#000;}/
#FWColorPicker #CPBorder{ display: position: width:10 height:10 border:1px solid #FFFFFF; line-height:10 }&, document);
initEvent : function(){
this.colorTable = this.$(&CPColorTable&);
var self =
this.colorTable.onmousemove = function(oEvent){
self.onmouseover(window.event ? window.event.srcElement : oEvent.target);
this.colorTable.onclick = function(oEvent){
self.onclick(window.event ? window.event.srcElement : oEvent.target);
self.stopPropagation(oEvent);
this.$(&CPBorder&).onclick = function(oEvent){
self.onclick(self.$(&CPPrevView&));
self.stopPropagation(oEvent);
this.colorPicker.onclick = function(oEvent){
self.stopPropagation(oEvent);
this.$(&CPButton&).getElementsByTagName(&select&)[0].onchange = function(){
var val = parseInt(this.value, 16);
switch(val){
self.setColor_Cube();
self.setColor_Series();
self.setColor_Gray();
self.colorTable.focus();
this.addEventHandler(document, &click&, function(){ self.Hide(); });
initialize : function(){
this.hideSelect(&hidden&);
this.initHtml();
this.initEvent();
this.setColor_Cube();
onmouseover : function(td){
if(td.tagName.toLowerCase() != &td&){
var bgColor = this.getBGColor(td),
offset = this.getOffset(td, this.$(&FWColorPicker&)),
CPBorder = this.$(&CPBorder&);
CPBorder.style.display = &block&;
CPBorder.style.left = offset.x - (document.all ? 0 : 1 ) + &px&;
CPBorder.style.top = offset.y - (document.all ? 0 : 1 ) + &px&;
this.$(&CPPrevView&).style.backgroundColor = bgC
this.$(&CPValue&).innerHTML = bgC
onclick : function(td){
var bgColor = this.getBGColor(td);
var nColor = parseInt(bgColor.replace(&#&, &&), 16);
this.Hide();
this.target.style.backgroundColor = bgC
//this.target.style.color = (nColor & 0x888888) ? &#FFFFFF& : &#000000&;
if(this.callBack){
this.callBack(bgColor, this.target);
setColor_Left : function(){
var table = this.colorT
var colors = ['#000000', '#333333', '#666666', '#999999', '#cccccc', '#ffffff', '#ff0000', '#00ff00', '#0000ff', '#ffff00', '#00ffff', '#ff00ff'];
for(var i=0; i & this.nMaxR i++){
table.rows[i].cells[0].style.backgroundColor = table.rows[i].cells[2].style.backgroundColor = &#000000&;
table.rows[i].cells[1].style.backgroundColor = colors[i];
setColor_Cube : function (){
this.setColor_Left();
var table = this.colorTable, start = 0x0, step = 0x330000;
for(var i=0; i& this.nMaxR i++){
if(i & 5){
color = start = 0x990000 + (i-6) * 0x000033;
color = start = 0x0 + i * 0x000033;
for(var j=3; j & this.nMaxC j++){
table.rows[i].cells[j].style.backgroundColor =
this.toHexColor(color);
color += 0x003300;
if((j - 2) % 6 == 0){
start += step, color =
setColor_Series : function (){
this.setColor_Left();
var table = this.colorTable, start = 0xCCFFFF, step = 0x660000, flag = 1;
for(var i=0; i & this.nMaxR i++){
if(i & 5){
color = start = 0xFF00FF + (i-6) * 0x003300;
color = start = 0xCCFFFF - i * 0x003300;
for(var j=3; j & this.nMaxC j++){
table.rows[i].cells[j].style.backgroundColor = this.toHexColor(color);
color -= 0x000033 *
if((j - 2) % 6 == 0){
flag *= -1;
color = start - ((flag & 0) ? 0 : 0x0000FF);
setColor_Gray : function (){
var table = this.colorTable, color = 0
for(var i=0; i & this.nMaxR i++){
for(var j=0; j & this.nMaxC j++){
table.rows[i].cells[j].style.backgroundColor = this.toHexColor(color);
if(color &= 0) {
color = 0x000000;
color -= 0x010101;
Show : function(obj, fnCallBack){
this.target =
this.callBack = fnCallB
this.isShow =
this.colorPicker.style.display = &block&;
this.initPosition();
this.hideSelect(&hidden&);
Hide : function(){
if(this.isShow){
this.colorPicker.style.display = &none&;
this.isShow =
this.hideSelect(&visible&);
function selectColor (obj, fnCallBack){
if(typeof window.$colorPicker == &undefined&){
window.$colorPicker = new Freewind.ColorPicker();
window.$colorPicker.Show(obj, fnCallBack);
window.$colorPicker.stopPropagation(selectColor.caller.arguments[0]);
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&颜色选择器&/title&
&style type=&text/css&&&!--
html, body{ padding:0 margin:0 font-size:12 font-family: &新宋体&; }
input{ width:100 }
text-align:
table div{
--&&/style&&style type=&text/css& mce_bogus=&1&& html, body{ padding:0 margin:0 font-size:12 font-family: &新宋体&; }
input{ width:100 }
text-align:
table div{
&script type=&text/javascript& src=&/Freewind22/FWcolorPicker.js&
&&/script&
&script type=&text/javascript&&&!--
function callBack(sColor, oTarget){
oTarget.parentNode.style.border = &1px solid & + sC
// --&&/script&
&table width=&100%& border=&1& cellpadding=&0& cellspacing=&0& bordercolor=&#ccc&&
&td height=&180& width=&33%&&&input type=&text& name=&textfield& id=&textfield& onclick=&selectColor(this);& /&&select&&/select&&/td&
&td width=&33%&&&&/td&
&td width=&33%&&&div onclick=&selectColor(this);& style=&width:50 height:18 line-height:18 padding:1 border:1px solid #000;& &&/div&&/td&
&td height=&180&&&&/td&
&td&&input type=&text& name=&textfield2& id=&textfield2& onclick=&selectColor(this, callBack);& /&&/td&
&td&&&/td&
&td height=&200&&&&/td&
&td&&div onclick=&selectColor(this);& style=&width:50 height:18 line-height:18 padding:1 border:1px solid #000;& &abc&/div&&/td&
&td style=&padding-left:80 padding-top:80& mce_style=&padding-left:80 padding-top:80&&&input type=&text& name=&textfield3& id=&textfield3& onclick=&selectColor(this);& /&&/td&
版权声明：本文为博主原创文章，未经博主允许不得转载。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：114980次
积分：1517
积分：1517
排名：第15362名
原创：23篇
转载：103篇
评论：30条
(1)(2)(8)(1)(3)(2)(2)(1)(5)(1)(12)(1)(1)(1)(1)(6)(1)(3)(1)(1)(3)(2)(3)(1)(2)(2)(5)(3)(3)(2)(1)(1)(4)(1)(1)(7)(2)(4)(1)(1)(1)(16)(11)(1)(1)(1)Dreamweaver中表格边框怎么设置变为细线格式的？谢谢！_百度知道
Dreamweaver中表格边框怎么设置变为细线格式的？谢谢！
提问者采纳
style=&border:1& 意思：1px宽度细线边框
提问者评价
采纳率100%
&table width=&600& border=&0& cellpadding=&0& cellspacing=&1& bgcolor=&#000000&&
&td bgcolor=&#FFFFFF&&&&/td&
&td bgcolor=&#FFFFFF&&&&/td&
&td bgcolor=&#FFFFFF&&&&/td&
&td bgcolor=&#FFFFFF&&&&/td&
&td bgcolor=&#FFFFFF&&&&/td&
&td bgcolor=&#FFFFFF&&&&/td&
&/tr&&/table&修改表格单元格属性即实现细线格式用CSS定义
为您推荐：
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁我用dreanmweaver设计网页的时候，插入了表格，并设为边框无色，但是为什么用浏览器浏览时内容不对齐？_百度知道
我用dreanmweaver设计网页的时候，插入了表格，并设为边框无色，但是为什么用浏览器浏览时内容不对齐？
浏览器化般与条水平线齐图才能改齐
提问者采纳
hujyjyhuhuuuuu
提问者评价
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁