p是html中的基礎元素之一，運用p的時候，為了美觀經(jīng)常會給它添加背景圖片。下面小編就給大家分享一下如何給p添加背景圖片。

工具/材料

Sublime Text

操作方法

• 01

  首先我們打開sublime text軟件，新建一個html頁面，然后在在頁面中添加html的基本結(jié)構(gòu)，如下圖所示

  
• 02

  然后我們在html的body區(qū)域添加一個p，并且給p設置一下寬高以及邊框的樣式，如下圖所示

  
• 03

  運行程序以后，你就會看到如下圖所示的p區(qū)域，我們接下來就要給這個區(qū)域添加背景圖片

  
• 04

  然后我們回到html文檔，在p的樣式規(guī)則里面添加background-image屬性，如下圖所示，給此屬性指定一個圖片路徑，運行以后你就會看到背景圖片了

  

聲明：本篇經(jīng)驗系酷知網(wǎng)「www.coozhi.com」原創(chuàng)，轉(zhuǎn)載請注明出處。