VisualStudio中想要制作一個(gè)復(fù)選框,該怎么添加復(fù)選框,下面我們就來(lái)看看詳細(xì)的教程。

1、用Visual Studio打開(kāi)一個(gè)已有的網(wǎng)頁(yè),本例為TwoFish網(wǎng)站中的Default.aspx網(wǎng)頁(yè)。

2、找到body標(biāo)簽下的div標(biāo)簽,如下圖所示。

3、首先,在div標(biāo)簽下,輸入控制復(fù)選框格式的代碼。

4、 其中,height為整個(gè)復(fù)選框的高度,width為整個(gè)復(fù)選框包括文本的寬度。

5、復(fù)選框離網(wǎng)頁(yè)頂部的襯距為25像素,離左側(cè)的距離為125像素,離右側(cè)的距離設(shè)置為自動(dòng)。

6、接著,定義復(fù)選框的顏色格式,位置以左側(cè)為基準(zhǔn)浮動(dòng),顏色為藍(lán)色。

7、然后,定義復(fù)選框,復(fù)選框的類型是checkbox,名稱為select。

8、最后,設(shè)置復(fù)選框的文本格式,代碼如下圖所示。

9、文本的字體大小,設(shè)置為20號(hào)。

10、文本的字體顏色為藍(lán)色,代碼如下圖。

11、復(fù)選框的文本內(nèi)容為選中,代碼寫在font標(biāo)簽內(nèi)。

12、在瀏覽器中瀏覽網(wǎng)頁(yè),可以看到在頁(yè)面中添加了一個(gè)復(fù)選框,單擊可以選中它。

以上就是VisualStudio添加復(fù)選框的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。
相關(guān)推薦:
VisualStudio引用的圖片文件怎么刪除?
visualstudio怎么調(diào)用其他項(xiàng)目的窗體?
VisualStudio2015項(xiàng)目怎么導(dǎo)出為模板?
新聞熱點(diǎn)
疑難解答
圖片精選