zoukankan      html  css  js  c++  java
  • 可以给img元素设置背景图

    惊叹于老外的发现 《CSS Background image on html image element?》,自己从没关注过,也没想过如此的问题。

    实现方法很简单:设置 img 元素为块元素(display:block;),并赋一个 padding 值。


    [Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

    复制代码 代码如下:

    img {
    display:block; b
    ackground:url('parallax.gif') no-repeat bottom left;
    padding:93px 100px 75px 100px;}

    根据上面的原理,举一反三,通过类似的方法,我们还可以给 img 元素设置双边:
    复制代码 代码如下:

    img {
    display:block;
    padding:1px;
    background:red;
    border:1px solid black;
    }
  • 相关阅读:
    React 懒加载组件
    按键精灵Q语言基础
    zookeeper安装和配置(单机+伪集群+集群)
    hbase-site.xml 配置详解
    MySQL主从复制与读写分离概念及架构分析
    mysql 主从复制原理
    Struts2教程
    广告点击率预测(CTR) —— 在线学习算法FTRL的应用
    搭建git服务器
    git常用命令
  • 原文地址:https://www.cnblogs.com/top5/p/1632379.html
Copyright © 2011-2022 走看看