为div添加样式

Diego 发表于 Dev

地亚哥

我有一个div，我要使用colorbox插件来显示它。工作正常！

但我想在我的html中显示此div，但具有相同的样式。（我不希望窗口变成白色的颜色框效果。只是灯箱样式的效果）

像这样

在此处输入图片说明

我知道这是CSS的东西，但是我不太确定如何应用它。

谢谢你的帮助

<div id='inline_content' style='padding:10px; background:#fff;'>
    <p><strong>This content comes from a hidden element on this page.</strong></p>
    <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
    <p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>

    <p><strong>If you try to open a new Colorbox while it is already open, it will update itself with the new content.</strong></p>
    <p>Updating Content Example:<br />
    <a class="ajax" href="../content/ajax.html">Click here to load new content</a></p>
</div>

喊

需要样式编辑。尝试添加border-bottom:和字体/颜色调整。
我相信这就是您想要的：

<div id='inline_content' style='
        padding:10px; 
        background:#fff; 
        border-style:solid; 
        width:620px;
'><p><strong>This content comes from a hidden element on this page.</strong></p>
    <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
    <p><a id="click" href="#" style='
        padding:5px; background:#ccc;
        color:#2E9AFE; font-family:"ARIAL";
        text-decoration:none; border-bottom-style:solid;
        border-width:1px; font-size:15px;
    '>Click me, it will be preserved!</a></p><p><strong>If you try to open a new Colorbox while it is already open, it will update itself with the new content.</strong></p>
    <p>Updating Content Example:<br />
    <a class="ajax" href="../content/ajax.html" style='
        color:#2E9AFE;
        font-family:"ARIAL";
'>Click here to load new content</a></p>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。