1.
打开编辑器,新建一个 HTML文档 ,并且编写基本框架。
2.
新建一个 CSS文档 ,并且关联刚刚创建的HTML文档。
3.
新建一个 div标签 ,可以看到这个div默认是没有边框的。
4.
border: 1px solid red; 这是我们设置边框的常用格式。
5.
我们可以把边框改为 点状式 的。
6.
也可以修改为 虚线 形状的
除非你可以给出控件在 focus 状态下的特殊视觉效果，否则一般不建议去除虚线，否则会降低交互元素的可访问性。实在需要，一般是这样的：/* non-IE, set CSS */input { outline:none; } /* IE, set hidefocus */< button hidefocus> Click Me< /button> 对于 hidefocus 属性，不像 @Gino 说的那样是 bug，本身就是如此，只要有这个属性，就是生效的，这和 checked / disabled / readonly 等属性相同。F.Y.I. http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.3.4.2如果要兼容 XHTML 的话需要写成 checked=”checked” 这种形式(引号里具体写什么都可以)。另外，如果你的按钮是某个 form 中的第一个 type=”submit” 元素，并且有 border，那么 IE 下在所属的 form 激活状态下在按钮上还会多一圈黑色的边框，这应该是 IE 突出显示这个表单的提交按钮的方式，很难看但是没什么完美的方法去除。有一些 hack 但是不怎么推荐。真的要做完美表单的话，还是得抛弃原生的样式，用其他元素来模拟。
HTML是超文本传输协议的缩写，是页面静态技术之一，它包含了所有的页面控件。HTML标签包括很多控件标签，比如，head，body，script，div，table，这些基础的页面结构标签，这些跟布局也有关系，也包括，text，radio,combox,这些页面的控件标签。学起来不难。