HTML背景图片设置

背景：学习前端知识，自己做页面
目的：学习前端知识
组网图：不涉及
工具：vscode1.41.0
简介：HTML背景图片设置；
HTML背景图片设置background-image：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>body {background-image: url("imgs/btn1.png");}</style>
</head>
<body></body>
</html>

HTML背景图片设置 background-repeat:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>love</title><style>body {background-image: url("imgs/btn1.png");background-repeat: no-repeat;}</style>
</head>
<body></body>
</html>

HTML背景图片设置background-size:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>love</title><style>body {background-image: url("imgs/btn1.png");background-repeat: no-repeat;/* background-position: center; */background-size: 100px;}</style>
</head>
<body></body>
</html>

HTML背景图片设置代码演练：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>love</title><style>#box {text-align: center;}a {display: inline-block;width: 160px;height: 40px;background-repeat: no-repeat;background-size: 100%;}#btn1 {background-image: url("imgs/btn1.png");}#btn2 {background-image: url("imgs/btn2.png");}#btn3 {background-image: url("imgs/btn3.png");}#btn4 {background-image: url("imgs/btn4.png");}</style>
</head>
<body><div id="box"><a id="btn1" href="#"></a><a id="btn2" href="#"></a><a id="btn3" href="#"></a><a id="btn4" href="#"></a></div></body>
</html>

HTML背景图片设置相关推荐

JDBC MySQL Servlet Java入门编写时的一些问题（html背景图片设置、input=date与Java和数据库之间的通信、SQL的基础语句与变量的编写）
问题内容见标题,这些问题为博主亲身经历,当然已经解决了,虽然问题不大,自己百度.CSDN可以解决,但是很烦人.消磨精神这里作者自己总结一下,留给有缘人看一下吧库你急哇,哈集美马戏特~~ 好久没写了 ...
移动端也能兼容的web页面制作2：导航栏、背景图片设置
[ 导读 ] MDBootstrap 是基于 Vue.js 开发的一套前端框架,拥有美观大气的界面效果,友好的交互体验,更棒的是对于移动端也有很好的兼容性.先给大家看下演示 demo 的运行,后面将围 ...
qt 背景和控件布局_Qt控件背景图片设置总结
自己开发了一个股票智能分析软件,功能很强大,需要的点击下面的链接获取: 扫码关注公众号 1.Qss 的setStyleSheet设置背景图片 1.1background-image设置平铺或者居中这 ...
android textview 背景图片,Android—TextView 背景颜色与背景图片设置
Android TextView 背景颜色与背景图片设置,android textview 控件,android textview 背景, android textview 图片,android te ...
android textview获取背景颜色,Android TextView背景颜色与背景图片设置
Android TextView 背景颜色与背景图片设置,android textview 控件,android textview 背景, android textview 图片,android te ...
html form背景图片设置,input 提交表单按钮背景图片的完美设置
import java.awt.*; import javax.swing.*; public class TestBackgroundColor extends JFrame { public s ...
CSS 网页背景图片设置
<!DOCTYPE html> <html> <head><meta charset="utf-8"><style>#l ...
vscode透明背景以及背景图片设置
vscode透明背景以及背景图片设置更新可以不用往下翻了透明窗口设置背景图片设置最终效果更新其实去年后来就找到了一个很完美的插件,不过忘了自己还发过这么一个东西( 就是下面这个插件,安装 ...
Ubuntu: 将bing主页的背景图片设置为桌面壁纸
Bing 虽然不是最好用的搜索引擎,但是对于 Bing 有一点我特别喜欢,那就是 Bing 每天都会在其主页展示一张高质量的.优美的图片.对于喜欢 Bing 主页的优美图片的人来说,可能会想要将 Bi ...
Vue + element-ui 背景图片设置
Vue + element-ui 背景图片设置初学vue 看到其他网址都有些背景图片,于是试着自己也写了一下,表述不好请见谅实现效果以下是如何实现: 找到你想要设置背景图片的页面 data里设置 ...

HTML背景图片设置

HTML背景图片设置相关推荐

最新文章

热门文章