HTML样式问题,哪位大大能帮忙看看

我领导说我这个格式太丑,让我美化,
我实在想不出怎么美化了,有哪位大大能帮忙看看。

node="<button class='btn btn-danger' onclick=setReturn('"+item.id+"');>撤回</button>"
                +"&nbsp;<button class=\""+classColor+"\" onclick=setWin('"+item.id+"');>"+info+"</button>";

你想怎么美化呢,需求说出来

按钮可以截个图,现在代码看不出来

不会css的话,也可以找两张好看的按钮图片换上

随便写了个样式,你看着样式可以么,有hover的,你要觉得不好看还可以加上fontawesome图标


.btn-haokan{
    padding: 5px 20px 5px 20px;
    background-color: #68799f;
    border-radius: 10px;
    color: white;
    line-height: 30px;
    border:1px solid #68799f;
    cursor: pointer;
}

.btn-haokan:hover{
    padding: 5px 20px 5px 20px;
    background-color: white;
    border-radius: 10px;
    color: #68799f;
    line-height: 30px;
    border:1px solid #68799f;
    cursor: pointer;
}

图片说明

node=<button class='btn btn-danger' onclick=setReturn(${item.id})>撤回</button>&nbsp;
<button class='classColor' onclick=setWin(${item.id})>${info}</button>

代码格式优化