先在找个文件夹创建文件index.html。 然后用能编辑文本文件的软件打开index.html，index.html的初始内容如图。 接着编写两个样式作为鼠标移动时div修改的样式。 然后编写js代码修改div的样式。
创新互联公司是一家集网站建设,平阴企业网站建设,平阴品牌网站建设,网站定制,平阴网站建设报价,网络营销,网络优化,平阴网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
样式属性：a：link：定义链接点击前的样式。a：visited：定义链接点击后的样式。a：active：定义链接被激活时的样式，也就是鼠标按下时的样式。a：hover：定义鼠标悬浮于连接上时的样式。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：a：visited {color： blueviolet；}。
当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
在index.html中的style标签中，输入css代码：a{color： black} a：hover{color： red} a：visited{color： red} 浏览器运行index.html页面，此时黑色的超链接被移入和点击后是红色的。
输入css代码：button {background-color： #00a7d0}button：hover {background-color： #ff7701}。浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。将鼠标移入按钮，此时按钮的背景颜色变成了橙色。
比如常规css是这样的：a：link{color：#ff0000} 那么网页上所有链接的颜色都是：#ff0000。
这种特殊效果是如何实现的呢？现在由我来向大家介绍一下在css3中如何使用transition属性和hover属性实现div颜色渐变和放大缩小的效果。
可以用CSS 不过要支持IE6的话，加载个 .htc 行为文件就好了。 什么圆角，什么阴影。全都小ks， 要的话可以M我。我写给你。
css3可以做出来，但是不是所有浏览器兼容的。
因为“text-align：center”控制的是文本居中，div居中可以用外边距margin来实现。