css边框颜色从中间到两边逐渐变色

html-css030

css边框颜色从中间到两边逐渐变色,第1张

background -color 属性的参数很简单，可以是任意合法的颜色值或颜色值列表，当background -color只设置了一个颜色时，那么就是单色的。如果设置了n中颜色而边框宽度也为n的话那么每一个像素显示一种颜色，如果边框宽度值大于颜色数值时，最后一种颜色用于显示剩下的宽度。

1、首先，打开HTML编辑器并创建一个新的HTML文件，比如index.html。

2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、当浏览器运行索引index.html页面中，出现蓝色背景颜色的按钮。

4、将鼠标移到按钮上，按钮的背景颜色将变为橙色。