HTML5单元格怎么设置成虚线

目的是这样

img

把每一行第二列单元格边框设置成虚线
但现在是这样

img


我试着用div或者直接在tr或者td里加上border-style=dashed,都不行啊
怎么实现呢?div里是这样

img

img

img

.mydiv 改成 input ,dashed 是虚线
input{
border: 1px dashed black;
}

你这个应该是 td > input,td > select,td > textarea {border:1px dotted #ccc}