css怎么做打勾的方框

html-css015

css怎么做打勾的方框,第1张

这个得用Html做的

<form action="" method="get">

您喜欢的水果?<br />

<label><input name="Fruit" type="checkbox" value="0" />苹果 </label>

<label><input name="Fruit" type="checkbox" value="1" />桃子 </label>

<label><input name="Fruit" type="checkbox" value="2" />香蕉 </label>

<label><input name="Fruit" type="checkbox" value="3" />梨 </label>

</form>

.box {

width: 150px

height: 150px

margin: 100px auto

border-radius : 5e%

border: 5px solid #o0000e

display: flex

justify-content: center

align-items : center

}

.box: : before {

content: ""

display: block

width: 88px

height: 5epx

border: 20px solid #ee000e

border-right: none

border-top: none

transform: rotate(-45deg) translate(7px,-10px)

}

先在视图--工具栏--绘图前打勾,这样绘图工具栏就在最下面出现,在自选图形--基本图形中选大括号,在WORD中输入大括号后,再在绘图工具栏上选文本框,把文本框插入到大括号适当的位置输入文本,文本框的位置是可以移动的,你试一试