2、在index.html中的<body>标签中，输入样式代码：style="overflow-x: scroll。
3、浏览器运行index.html页面，此时html会有横线滚动条，并且隐藏了纵向滚动条
使用CSS样式可以去除链接中的下划线。示例代码如下，有注释，可以根据自己的需要修改，请参考：
<style>
a:link { text-decoration: none } /*正常情况下无下划线*/
a:visited { text-decoration: none } /*访问过的链接无下划线*/
a:hover { text-decoration: underline } /*鼠标指向时显示下划线*/
a:active { text-decoration: underline } /*鼠标按下时也显示*/
</style>
chrome 查看元素里被横线划掉的css，是因为属性的不支持或者层次被覆盖，解决方法如下：
1、首先新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签、span标签创建商品价格的显示。
3、在test.html文件内，使用<style type="text/css"></style>标签来标识css代码编写区。
4、在css标签内，创建div，span标签的样式设置。
5、在css标签内，设置div的样式，使用font-size设置字体大小为20px，line-height设置行高为50px。
6、在css标签内，设置span的样式，使用color设置文字颜色为红色，text-decoration设置删除线的效果。
7、在浏览器打开test.html页面，可见，实现了将价格划掉的效果。
