名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

• 本篇文章具体介绍如下

    相信很多接触前端样式编写的朋友，有遇到过类似这样的情况，在页面上编入input、button等hTML标签，在各大浏览器上浏览，特别是在谷歌浏览器下浏览时，会发现输入框或者按钮在点击的时候会莫名的多出个外边框的样式出来，例如下图：DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

经过一番研究，终于找到了解决的方法，在CSS中加入：DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

outline: 0;

就可以去除这多余的样式了；DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

以下是对outline属性的介绍：DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

outline 定义和用法DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

    outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

注释：轮廓线不会占据空间，也不一定是矩形。DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

      outline 简写属性在一个声明中设置所有的轮廓属性。DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

可以按顺序设置如下属性：DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

outline-color
outline-style
outline-width

DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

以下是属性实践：DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

p {
border:red solid thin;
outline:#00ff00 dotted thick;
}

【CSS】浅谈CSS的效率和浏览器渲染的速度DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

DlRAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明，本站内容来源于互联网，如果侵犯了你的权益请联系本站删除。,php教程,html教程,linux教程,MyS