使用HBuilder html中点击按钮改变div边框

在HTML中，你可以结合JavaScript来实现点击按钮改变`<div>`元素的边框。HBuilder是一个优秀的Web前端开发工具，它支持HTML、CSS和JavaScript的编写。下面是一个简单的示例：

首先，在HTML部分，创建一个按钮和一个`<div>`元素：

<button id="changeBorder">点击改变边框</button>
<div id="myDiv" style="border: 1px solid black;">这是一个 div</div>

然后，在JavaScript部分，给按钮添加事件监听器，当点击时更改`<div>`的边框样式：

document.getElementById('changeBorder').addEventListener('click', function() {
    var divElement = document.getElementById('myDiv');
    // 改变边框样式
    if (divElement.style.borderStyle === 'solid') {
        divElement.style.borderStyle = 'dashed';
    } else {
        divElement.style.borderStyle = 'solid'; // 或者你想设置成其他样式
    }
});

在这个例子中，每次点击按钮，如果`div`的边框是实线（`solid`），则切换为虚线(`dashed`)；反之，如果当前是虚线，则切换回实线。你可以根据需要调整边框样式。