ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

网页前端第四次学习

2022-02-08 16:00:14  阅读:152  来源: 互联网

标签:网页 text 前端 上右 宽度 内边 第四次 border left


一.CSS属性

1.背景

                /* 背景颜色 */
                background-color: #EEE8AA;
                /* 背景图片 */
                background-image: url(img/bd.png);
                /* 是否重复 */
                background-repeat: no-repeat;;
            }

2.文本

                /* 字体颜色 */
                color: #0000FF;
                /* 对齐方式 left center right */
                text-align: left;
                /* 文本修饰 */
                text-decoration: line-through overline underline;
                /* 首行缩进 */
                text-indent: 2em; 

                 /* 去除文本效果(超链接下划线) */
                text-decoration: none;

                /* 对齐方式    left right center justify两端对齐*/
                text-align: justify;

3.display 

                /* display属性 none隐藏元素 block显示元素 */、
                display: none;

4.浮动

                /* 浮动 左浮动 */
                float: left;

5.盒子模型

                padding 内边距
                border     边框
                margin     外边距
                上右下左顺序(线)
                
                border 边框
                    设置边框的颜色、样式、宽度
                        boder:颜色 样式 宽度;
                            例:border:red soild 1px;
                    单独设置边框的颜色、样式、宽度
                        border-width
                        border-style
                        border-color
                padding 内边距
                    设置元素内边距的宽度,或者设置各边上内边距的宽度
                    top right bottom left
                    一个值,上右下左一致
                    两个值,上下一致,左右一致
                    三个值,上右下,左和右一致
                    四个值,上右下左
                margin 外边距
                    设置元素外边距的宽度,或者设置各边上外边距的宽度
                    top right bottom left
                    一个值,上右下左一致
                    两个值,上下一致,左右一致
                    三个值,上右下,左和右一致
                    四个值,上右下左

标签:网页,text,前端,上右,宽度,内边,第四次,border,left
来源: https://blog.csdn.net/qing__ming/article/details/122825533

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有