资讯专栏INFORMATION COLUMN

html.div

wanghui / 516人阅读

使用div构造简单的信息图片

html:





zhwTest



    


        

            

            
                张三     
                 |     
                30岁
            


            

            
                node
            


        

    


css:

.border-radius
{
    border:5px solid blue;
    padding:5px;
    background:white;
    width:150px;
    height:140px;
    border-radius:0px;
    float:left;
    font-size: 18px;
}
#mainbody
{
    border:none;
    padding:0px;
    background:#edeef0;
    border-radius:5px;
    height:100%;
    text-align: center;
}

页面显示样式:

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1597.html

相关文章

  • 垂直居中

    1.line-height html : div.parent div.child css : .parent height 736px line-height @height 2.display: table html : div.parent div.child css : .parent display table .child displa...

    sarva 评论0 收藏0
  • Elm入门实践(一)——基础篇

    摘要:由于内容较多,计划分四篇,大致内容分布如下基础篇介绍基础。接下来让我们补全这一部分在第行我们引入了模块中函数,可以理解为当事件发生时,它会输出一个消息。我们有了数据,具备行为的视图,按行为改变数据的逻辑,却没有将它们粘合成一个应用。 简介 Elm 是一门专注于Web前端的纯函数式语言。你可能没听说过它,但一定听说过Redux,而Redux的核心reducer就是受到了Elm的启发。 随...

    junbaor 评论0 收藏0
  • HTML实现2列布局,左侧宽度固定,右侧自适应

    摘要:实现列布局,左侧宽度固定,右侧自适应实现一根据定位,利用浮动或绝对定位,使左侧的块元素脱离常规文档流可以与右边块元素并列利用浮动利用绝对定位块级元素,默认自动填充父元素宽度,霸占一行当前右侧块元素宽度父元素宽度设置为左侧块元素的宽度。 HTML实现2列布局,左侧宽度固定,右侧自适应 实现一: body, html{padding:0; margin:0;} // 根据...

    happyfish 评论0 收藏0
  • HTML实现2列布局,左侧宽度固定,右侧自适应

    摘要:实现列布局,左侧宽度固定,右侧自适应实现一根据定位,利用浮动或绝对定位,使左侧的块元素脱离常规文档流可以与右边块元素并列利用浮动利用绝对定位块级元素,默认自动填充父元素宽度,霸占一行当前右侧块元素宽度父元素宽度设置为左侧块元素的宽度。 HTML实现2列布局,左侧宽度固定,右侧自适应 实现一: body, html{padding:0; margin:0;} // 根据...

    Jochen 评论0 收藏0
  • Web 组件化中如何管理 z-index

    摘要:接着我们解释我们所看到的现象。删除上述所说的运行效果这种架构并非没有缺点。例如,你将无法在和内创建此类叠加层查看示例然而,根据我的经验,这很少是一个问题。找到两个没有正确层叠的元素的第一个祖先组件,并根据需要更改该组件中的。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! z-index 属性,尽管已经写了这么多,仍然被广泛地误解和错误地处理。在复杂的单页web应...

    FrancisSoung 评论0 收藏0

发表评论

0条评论

wanghui

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<