Cách đặt Đường viền cho bảng

Question

Tôi đang cố gắng phát triển trang web bằng ngôn ngữ HTML và JavaScript. Và tôi cũng đã sử dụng các bảng định kiểu bên ngoài và Javascript bên ngoài để phát triển. Vấn đề là trong khi sử dụng các bảng định kiểu bên ngoài trong Javascript, tôi muốn cung cấp một số đường viền cho bảng và các hàng/cột của nó. Bất cứ ai có thể cho tôi biết làm thế nào tôi có thể làm điều đó?

Answer 1

Hãy thử một cái gì đó như thế này trong JavaScript:

object.style.border="1px solid red"; // 1px solid red can be anything you want... 

W3Schools có thể giúp bạn ở đây: http://www.w3schools.com/cssref/pr_border.asp

Chỉ để xác nhận đối tượng trong ví dụ này đại diện cho một số này bạn đã chọn sử dụng getElementById, vì vậy ...

var myTable = document.getElementById('tableID'); 

myTable.style.border="1px solid red"; 

Answer 2

Phần tử HTML có thuộc tính style đại diện cho đối tượng với kiểu của phần tử. Nếu bạn sửa đổi nó - bạn sẽ thay đổi phong cách của phần tử của bạn.

elem.style.border = "1px solid #000" 
// the same as 
elem.style.borderWidth = "1px"; 
elem.style.borderColor = "#000"; 
elem.style.borderStyle = "solid"; 

// or 

elem.style.borderTop = "4px dashed greed"; 
// the same as 
elem.style.borderTopWidth = "4px"; 
elem.style.borderTopColor = "green"; 
elem.style.borderTopStyle = "dashed"; 

Sử dụng borderTop, borderRight, borderBottom, borderLeft thuộc tính bạn có thể thay đổi chỉ giáp gì bạn cần.

Answer 3

Tại sao bạn không sử dụng Khung công tác jQuery? Với jQuery, bạn sẽ có thể thêm mã sau để đạt được mục tiêu của mình:

$('table').css("border","1px solid #000"); 

Answer 4

Tôi hiểu rồi.

trong file CSS của bạn

mã: bảng, td {border: 1pix đỏ rắn}

đây 1pix = cung cấp cho bạn lựa chọn kích thước biên giới nhưng phải ở trong định dạng tương tự

solid=i think its intensity of color(if you want to try something else, give after refering to w3schools/table) 

red=Color name (you can give any desired color name.) 

nếu bạn muốn đặt tên màu dưới dạng giá trị thập lục phân, chỉ cần thay thế "màu đỏ" bằng một số giá trị thập lục phân như "#cdcdcd" (không phải màu đen).

nếu bạn vẫn còn nghi ngờ chỉ cần tiếp cận tôi.

Answer 5

Hãy thử điều này trong Javascript: -

elemt.style.borderBottom="1px solid red"; 
elemt.style.borderTop="1px solid green"; 

Trong CSS: -

.your-element{ 
    border-top:1px solid green; 
    border-left:1px solid red; 
} 

trình tốt. Phong cách viết của CSS và kiểu dáng Javascript có chút khác biệt.