List view css question

Question

I have web part section where I have following code:

<style type="text/css">

/* List View Header */
.ms-listviewtable > thead > tr > th {
 background-color: #5B9BD5;
}

/* List view Header Text color*/
.ms-vh-div,  .ms-headerSortTitleLink {
color:white!important; font-weight: bold;
} 

/* background color for alternate rows */
.ms-listviewtable > tbody > tr.ms-alternating {
background: #DDEBF7;
}

.ms-listviewtable > tbody > tr td{
border-bottom: 1px dotted black !important;
}
</style>

Problem that I have some issue with border bottom after each column: How to make it accurate?

Answer 1

Remove this line from your code.

.ms-listviewtable > tbody > tr td{
border-bottom: 1px dotted black !important;
}