css基础

最新推荐文章于 2022-01-31 14:38:01 发布

原创最新推荐文章于 2022-01-31 14:38:01 发布 · 280 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何使用CSS设置按钮的背景图片及制作水平导航栏的方法。通过示例代码展示了具体的实现细节。

1.设置按钮的背景图片

示例代码如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    #but{
        background-image: url("btn.png");
        background-position: -1189px 517px;
        width: 213px;
        height: 68px;
        border-radius: 8px;
    }
    </style>
</head>
<body>
 <input id="but" type="button">
</body>
</html>

图片：