本系列博客汇总在这里:JavaWeb_CSS 汇总

目录

  • 一、背景颜色和图片
    • 示例
  • 二、背景图片平铺
    • 示例

一、背景颜色和图片

示例

<!DOCTYPE html>
<html>    <head><meta charset="UTF-8"><title>www.weiyuxuan.com</title></head>        <style type="text/css">body{margin: 5px;background-color: olive;font-size: 15px;}img{width: 200px;margin: 5px;float: left;}span{font-family: 隶书;font-size: 60px;float: left;margin: 3px;}              </style>  <body>        <img src="test.jpg"/>      <span>昆明斗南花卉市场 </span>      <p>昆明斗南濒临滇池东岸,享有“金斗南”之称。斗南花卉市场,现已发展成为“中国乃至亚洲最大的鲜切花交易市场”,是著名的花都。云南省80%以上的鲜切花和周边省份、周边国家的花卉入场交易。在全国80多个大中城市中占据70%的市场份额,出口46个国家和地区,有全国10枝鲜切花7枝产自云南之说。多年来借助“斗南”花卉这一中国驰名商标的品牌效应和市场优势,斗南已成为中国花卉市场的“风向标”和花卉价格的“晴雨表”。<p/>          </body>
</html>

二、背景图片平铺

background-image: url(wyx.jpg);:给 html 元素设置背景图片,一定要使用 url()。
background-repeat: repeat-x;:横向重复。
background-repeat: repeat-y;:纵向重复
background-repeat: no-repeat;:不重复

示例

<!DOCTYPE html>
<html>    <head><meta charset="UTF-8"><title>www.weiyuxuan.com</title></head>    <style type="text/css">        body{background-image: url(wyx.jpg);/*给html元素设置背景图片,一定要使用url()*//*background-repeat: repeat-x;在横向重复*//*background-repeat: repeat-y;纵向重复*//*background-repeat: no-repeat;不重复*/                    background-repeat: repeat;/*默认是重复的横向和纵向*/}              </style>  <body>        </body>
</html>

如有错误,欢迎指正!

JavaWeb_CSS(17)_背景设置相关推荐

  1. 微信朋友圈营销如何做好头像_昵称_签名_背景基础设置?

    微信朋友圈营销如何做好头像_昵称_签名_背景基础设置? 微信作为营销推广的重要渠道,凭借其出色的私域属性.互动型受到了大家的广泛喜爱.有人做过一项调查,同样的卖货软文信息,在公众号转化率低于20%,可 ...

  2. android 组件透明,万能小组件透明小组件-万能小组件透明背景设置v1.0.0 安卓版_永辉资源网...

    万能小组件透明背景设置全新为广大用户带来的精美小组件模板应用服务平台,有海量的小组件,快捷方式小组件以及照片小组件,让你的桌面更加简单美观,感兴趣的朋友快来下载体验吧! 万能小组件透明小组件软件介绍: ...

  3. css 文本背景色透明_如何使用CSS将文本或图像的背景设置为透明?

    css 文本背景色透明 Introduction: 介绍: In web development, there are numerous ways by which we can style our ...

  4. java label颜色_如何设置JLabel的背景颜色?

    问题 在myJPanel中,我将aJLabel的背景设置为不同的颜色.我可以看到"测试"这个词,它是蓝色的,但背景根本不会改变.我该怎么把它展示出来? this.setBackgr ...

  5. 23、使用OpenCV和NCNN进行人物抠图并将背景设置成透明色

    基本思想:使用NCNN的example的生成白色背景的图片,然后在使用下面的代码将图片设置成四通道,且背景为透明颜色: 一.原图如下 二.使用 例子生成纯白色的图片 ncnn代码:ncnn/examp ...

  6. python idle背景设置为黑色_Python IDLE背景设置与使用

    相信刚进入python学习之路的朋友们,都还是挺喜欢python自带的IDLE,但是白的代码背景色以及其它的代码色确实让人看着有点不舒服,所以当时也琢磨着能不能自己给它换换颜色,这个当然可以,废话不多 ...

  7. 【Android 性能优化】布局渲染优化 ( 过渡绘制 | 背景设置产生的过度绘制 | Android 系统的渲染优化 | 自定义布局渲染优化 )

    文章目录 一. 背景设置产生的过度绘制 二. Android 系统的渲染优化 1. 透明组件数据传递 2. GPU 存储机制 3. Android 7.0 之后的优化机制 三. 自定义布局渲染优化 一 ...

  8. Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。

    正常我们写的文字默认是3号尺寸,但是字数多的话要想更美观设置小号字体更棒呢! 小号字体 字体颜色 大号-字体 hello Boy! 华文细黑字体 字体加粗 字体标记 绿色背景 设置方法如图所示: 喜欢 ...

  9. css 渐变色_如何设置渐变色的单元格值?

    通过 Power BI Desktop 中表格的条件格式设置,你可以根据单元格值指定自定义单元格背景色,包括使用渐变色. 还可以用数据栏.KPI 图标或 web 链接来表示单元格值. 可以将条件格式应 ...

最新文章

  1. getRunningTasks和getRunningAppProcesses失效
  2. 网站开发与服务器匹配,合格的网站开发员应当深入考虑站点框架搭建与SEO优化的关系...
  3. leetcode94. 二叉树的中序遍历(左中右)
  4. Oracle入门(十四.10)之显式游标简介
  5. 分布式 ID的 9 种生成方式
  6. scala基础之函数和闭包
  7. Cocos2d-x学习之---关于CCScrollView
  8. java第八章数组上机,上机题目(初级)- 用数组实现记事本(Java)
  9. 数据科学20个最好的Python库
  10. 深入了解Java ClassLoader、Bytecode 、ASM、cglib (I)
  11. tinyxml读xml文件,转化字节,c#解析
  12. “槑囧圐圙”您认得这些汉字吗?
  13. 【资料分享】地图基础知识
  14. 叉车AGV车载系统模块详解
  15. 将 Debian APT 引入 iPhone
  16. python 频数表_python里计算每个数字出现的频数
  17. c语言中字节数如何判断,C语言中怎样判断输入的是整数还是浮点数
  18. 国家电网计算机专业考试科目,2019国家电网考试科目:你的专业都考什么?
  19. 人工神经网络的算法原理,对人工神经网络的理解
  20. Intercultural Communication 跨文化交际_摘要

热门文章

  1. chrome控制台中network看不到请求发送出的url信息解决办法
  2. 类的继承与多态知识点总结
  3. 在服务器上面运行项目
  4. 华为盒子在烧写过程中不显示进度条原因_电视盒子排行榜,销量前三的小米、华为、泰捷谁更值得买?...
  5. 国内办理期货开户不需要费用的
  6. 51单片机篮球记分牌设计
  7. 永中Office抢占政府正版化采购国产软件半壁江山
  8. 一个粗糙的二人贪吃蛇联机版实现
  9. 大学三年狂拿国内外十几个3D挑战赛大奖?!国内CG新星崛起
  10. 名画80 米友仁《画选六幅》