js如何設置下劃線為直線的代碼？

使用JS畫直線：包括水平線與垂直線

function drawhline(from_x,to_x, y)

{

for(var i=from_x;i<=to_x;i+=10)

{

//設置div的背景

var $divs = $("<div style='background-color: red;z-index: 2'></div>");

//設置div的左側位置

$divs.css("left",i);

//設置div的上方位置

$divs.css("top",y);

//設置div的高度

$divs.css("height","5px");

//設置div的寬度

$divs.css("width","2px");

//設置div的排板方式

$divs.css("position","absolute");

//把div追加到body上去

$("body").append($divs);

}

}

function drawvline(from_y,to_y, x)

{

for(var i=from_y;i<=to_y;i+=10)

{

var $divs = $("<div style='background-color: red;z-index: 2'></div>");

$divs.css("left",x);

$divs.css("top",i);

$divs.css("height","2px");

$divs.css("width","5px");

$divs.css("position","absolute");

$("body").append($divs);

}

}