跟高老师学习Web前端之38.

临街一景

        元旦过high啦,陪公公婆婆逛街买衣服,陪爸爸妈妈吃饭、聊天,感觉温暖而惬意。陪伴是最长情的告白,这话不止对于情侣,之于父母,也是一样的。人老了,最希望的就是儿女能够常回家看看他们,身在远方的您,赶紧为春节回家抢票吧。

        三天玩嗨了,我的作业也就拉下了,今天赶紧写起。文本的主要属性已经学习完毕,今天开始学习边框的属性。边框的属性主要有三个:边框大小、边框的风格、边框的颜色。我先从边框的大小学起。

代码书写
页面显示

注意:1、border为复合属性,p{

                                                    border:5px solid #000000;

                                                          }

属性等同于p{

                         border-width:5px;

                         border-style:solid;

                         border_color:#000000

                        }属性。同时solid表示边框为实线,dashed表示边框为虚线。

2、border既可以用于块级元素,也可以用于内联元素。如下:

代码书写
页面展示

          因span标签为内联元素,因此关于容器宽度和高度的设定对span标签不起作用,若要使span 标签发挥块级元素的作用,则需增加代码display:block,即元素的显示方式,span标签方可展示块级元素的作用。

代码书写
页面展示

晚安!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,067评论 1 4
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,659评论 32 459
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,341评论 0 5
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,821评论 0 2