文章/答案/技术大牛

发布

社区首页 >问答首页 >更正带有虚线边框的HTML代码

问更正带有虚线边框的HTML代码
EN

Stack Overflow用户

提问于 2015-01-18 08:46:33

回答 3查看 189关注 0票数 0

我不知道如何为下面的图片编写HTML代码：

CSS如下所示：

    .borderbox {
    border-style: dashed;
    border-width: 2px;
    border-color: #d3d3d3;
    position: absolute;
    height: 90%;
    width: 90%;
    top: 0;
    left: 0;
    margin: 5%;

}

h3.header-3 {
    font-size: 130px;
    text-align: center;
    color: #00a0df;
    margin: 4px auto 17px;
}

p.paragraph-text {
    font-size: 20px;
    text-align: center;
    color: #00a0df;
    text-transform: uppercase;
    font-family: HelveticaNeueBold;

}

文本是<p> visa fler bästsäljare </p> <h3>+<h3>。

到目前为止，我得到帮助的代码是：

    <body>
    <div class="borderbox">
        <h3 class="header-3">+</h3>
        <p class="paragraph-text">visa fler bästsäljare</p>
    </div>
</body>

唯一的问题是，这段代码没有像我发布的那样创建图像。网址到网站URL。向下滚动一点。我正在测试的浏览器是Google。

html

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-01-18 13:55:36

移除

.borderbox {
    height: 90%;
}

那么虚线边框就会像你预期的那样工作。

票数 1

Stack Overflow用户

发布于 2015-01-18 08:58:13

我认为这可能是一个解决方案：http://jsfiddle.net/e7Levykn/

我不认为你能用一个论点来修饰边界。你得用

border-style，border-color，border-width。

编辑: Nvm关于边框的事情。你的css-代码应该可以工作，它可以在摇篮中工作。也许html中的元素没有正确的类

票数 0

Stack Overflow用户

发布于 2015-01-18 10:21:19

使用css border-style属性。

.selector{
border-style: dashed;
}

或者像这样

.selector{
    border:2px dashed #F1F1F1;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28008470

复制

相似问题

问更正带有虚线边框的HTML代码
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更正带有虚线边框的HTML代码EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更正带有虚线边框的HTML代码
EN