如何在网页中用Visual Studio插入复选框

【如何在网页中用Visual Studio插入复选框】在交互式网页中 , 复选框是一个主要的功能 , 若何用Visual Studio在网页中插入复选框呢?笔者与大师分享一下操作经验 。

如何在网页中用Visual Studio插入复选框

文章插图

需要这些哦
Visual Studio 2015
方式/
1用Visual Studio打开一个已有的网页 , 本例为TwoFish网站中的Default.aspx网页 。

如何在网页中用Visual Studio插入复选框

文章插图

2找到body标签下的div标签 , 如下图所示 。

如何在网页中用Visual Studio插入复选框

文章插图

3起首 , 在div标签下 , 输入节制复选框格局的代码 。

如何在网页中用Visual Studio插入复选框

文章插图

4 此中 , height为整个复选框的高度 , width为整个复选框包罗文本的宽度 。

如何在网页中用Visual Studio插入复选框

文章插图

5复选框离网页顶部的衬距为25像素 , 离左侧的距离为125像素 , 离右侧的距离设置为主动 。

如何在网页中用Visual Studio插入复选框

文章插图

6接着 , 界说复选框的颜色格局 , 位置以左侧为基准浮动 , 颜色为蓝色 。

如何在网页中用Visual Studio插入复选框

文章插图

7然后 , 界说复选框 , 复选框的类型是checkbox , 名称为select 。

如何在网页中用Visual Studio插入复选框

文章插图

8最后 , 设置复选框的文本格局 , 代码如下图所示 。

如何在网页中用Visual Studio插入复选框

文章插图

9文本的字体大小 , 设置为20号 。

如何在网页中用Visual Studio插入复选框

文章插图

10文本的字体颜色为蓝色 , 代码如下图 。

如何在网页中用Visual Studio插入复选框

文章插图

11复选框的文本内容为选中 , 代码写在font标签内 。

如何在网页中用Visual Studio插入复选框

文章插图

12在浏览器中浏览网页 , 可以看到在页面中添加了一个复选框 , 单击可以选中它 。

如何在网页中用Visual Studio插入复选框

文章插图


以上内容就是如何在网页中用Visual Studio插入复选框的内容啦 , 希望对你有所帮助哦!

    推荐阅读