html - 使用图像代替颜色作为侧边栏背景

标签 html css

是否可以使用图像代替颜色作为链接的侧边栏背景?

我希望使用的图像是所用横幅的裁剪图,与使用颜色相比,它看起来更加无缝。任何帮助将不胜感激。

仅供引用-我是新手。以下是我尝试过的:

.sidebar {
    float: left;
    height:100%;
    width:15%;
    background:<img src="web_images/sidebar.png"/>;
    padding-top:5%; 
    padding-bottom: 10px;
    font-size:14px;
}

最佳答案

这样做:

   .sidebar {
    float: left;
    height:100%;
    width:15%;
    background:url("web_images/sidebar.png");
    padding-top:5%; 
    padding-bottom: 10px;
    font-size:14px;

关于html - 使用图像代替颜色作为侧边栏背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29698947/

相关文章:

html - 通过 css 水平对齐

javascript - 如何仅选择具有相同类名的元素列表的第一个元素

javascript - 是否有 HTML/CSS 的编译器?

css - 相同大小的字体看起来大小不同

javascript - 如何修复 android - React Native Map 中的显示位置按钮?

JavaScript 时钟现在显示在我的 chrome 扩展程序中

javascript - 动态创建具有高度和宽度的输入

javascript - TypeError : Cannot read property 'indexOf' of undefined for $scope. 搜索 Angular Bootstrap

html - 外部 CSS 高度不起作用

html - 表格单元格是否有包含 block ?