背景图设置：
background-image:url("")做一张渐变的背景就可以了
边框设置：
border-style:solid边框样式（实线）
border-width:0px 0px 1px 0px下边框1像素（上右下左的顺序设置）
border-color:red红色
1、首先，在电脑中打开编辑器，创建html文档。
2、然后，创建h1标签，用行内样式控制字体颜色为红色。
3、接下来，用内部样式选择器选择h1标签，控制它的样式。
4、外部样式需要，创建外部样式.css文件。
5、然后，在html文件里面引入css文件。
6、最后，在浏览器看是否生效，就可以了。
1、直接使用行内样式，即在html标签上使用style
<div style="width:100pxheight:100pxbackground:red">div内容</div>2、先定义css样式，再给html的class属性赋值
<style>.content{
width:100px
height:100px
background:red
}
</style>
<div class="content">
div测试内容
</div>
总结：两种方式效果是一致的，只是第二种方式可进行重用，只要html元素class属性相同即可
