分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

【CSS 第五天】背景,边框

发布时间:2023-09-06 02:31责任编辑:白小东关键词:CSS

    总结一下今天所学习的内容,如下:

  • 背景
        • 属性例子或作用
          background

          background: #00FF00 url(bgimage.gif) no-repeat fixed top;

          background-attachment背景图像是否固定或者随着页面的其余部分滚动。
          background-color设置元素的背景颜色。
          background-image把图像设置为背景。url(),渐变
          linear-gradient(to bottom, orange, yellow)
          background-position设置背景图像的起始位置。
          background-repeat

          设置背景图像是否及如何重复。值:repeat-x,repeat-y,repeat,no-repeat;

          background-clip

          超出边框如何处理。值:border-box|padding-box|content-box

    • border
      • 属性描述
        border简写属性,用于把针对四个边的属性设置在一个声明。
        border-style用于设置元素所有边框的样式.值:solid /dotted/ dashed/ groove/double/none/
        border-width简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。
        border-color简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。
        border-bottom简写属性,用于把下边框的所有属性设置到一个声明中。包括border-left/border-right
    • padding  内边距 值:top right bottom left
    • margin    外边距 值:top right bottom left
    • display   改变生成的框的类型 : block(分块), inline(内联)
  • 定位机制
    • position     absolute(绝对定位),fixed,relative,none
    • float           
      • 设置浮动  
      • 清除浮动    clear:both/left/right

【CSS 第五天】背景,边框

原文地址:https://www.cnblogs.com/yitou13/p/10306777.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved