1、引jQuery，然后定义元素的style样式，根据自己的元素来定义，这里随性定义div的style样式。 接着我们看样式所带来的效果，接着开始设置点击按钮会产生变化颜色等交互效果。
创新互联公司专业网站建设、成都网站制作，集网站策划、网站设计、网站制作于一体，网站seo、网站优化、网站营销、软文发稿等专业人才根据搜索规律编程设计，让网站在运行后，在搜索中有好的表现，专业设计制作为您带来效益的网站！让网站建设为您创造效益。
2、选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。属性和属性值以“键值对“ 的形式出现。属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
3、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。
4、CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
5、这里文字是红色。css样式代码要写在style=双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开（英文状态下；）。嵌入式css样式。嵌入式css样式，就是可以把css样式代码写在标签之间。
6、3 外部样式表 即css样式表，需要新建一个css文件，用来放样式表。如果在html文件中调用样式表，需在html文件中点击 右键→CSS样式→附加样式表。
没有焦点时就是正常的书写css代码 有焦点时就用伪元素：focus 来控制样式好了 或者使用jquery中的focus()和blur()方法 当元素获得焦点时，发生 focus 事件。
css2有获得焦点的选择器：input：focus {...} //当input元素获得焦点时就会套用这个样式 也就是说当input元素失去焦点就会恢复为原来的样式。因此只需给同一类元素设置默认样式和获得焦点时的样式即可实现你的目的。
楼下的朋友，有三点需要重申一下 按下鼠标图片周边不会出现虚线，这个适合所有的浏览器 提问题的朋友使用的是css的写法，楼下的朋友是加入了script，还有更简单的写法，直接写在链接里链接标题 交流多了，真好。
分析问题：文本框获取焦点时，浏览器给采用默认的处理方式，为其加上高亮外边框。解决思路：我们可能通过，在input获取焦点时，采用css将文本框的外边框去掉。为文本框添加如下样式即可。
html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。
border-radius属性可以实现元素的圆角。
需要说明：input[type=text] 这种写法不支持IE，但支持Firefox。
1、实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果。CSS display 属性 display 属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。
2、先点击下文本框，然后点击文本框以外的地方以实现文本框失去焦点。
3、写入js：(button).click(function () { (div).hide()；(div).eq(parseInt(3 * Math.random())).show()；})；浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。
4、方法：打开html开发软件，新建一个html文件，在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。
