css如何在文档里添加图片

html-css09

css如何在文档里添加图片,第1张

css只能通过背景图形式来给文档添加图片

background-image: url(图片地址)

background: url(图片地址) 0 0 no-repeat

.img1{

background-image: url(1.jpg)

background-size: 200px

}

<div class="img1"></div>

可以在浏览器的控制台获取网页中的css。

1、按下键盘上的“F12”键打开浏览器的控制台,点击控制台顶部导航栏上的“Network”按钮,然后刷新页面,这时所有的网页文件都会被显示出来:

2、点击控制台上的“CSS”按钮,这时只会显示网页中的css文件,然后右击需要获取的css文件,在展开的菜单中点击“Open in new tab”按钮:

3、这时网页的css文件就会在新窗口打开,如果需要保存这个css文件,可以右击页面,然后在展开的菜单中点击“另存为...”按钮:

在css设置可改变大小的div滚动条样式方法:

1.首先新建html文档,进入代码书写界面。

2.在</head>和<body>的里面写入代码,在<div>里面写入想要输入的内容</div>。

3.书写外层轨道css代码。body::-webkit-scrollbar { width:20pxheight:2pxbackground:#cccborder-radius:10px/*外层轨道*/}

这里主要是设置外层轨道的形状和颜色。

4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:blockwidth:6pxmargin:0 autoborder-radius: 10pxbackground:red/*内层轨道*/}

这里主要是设置内层轨道的形状和颜色。

5.代码工作做完后,就可以查看效果,效果如下红框所示,滚动条设置完成。