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

工具/材料

Sublime Text

操作方法

• 01

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

  
• 02

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

  
• 03

  運(yùn)行程序以后，你就會(huì)看到如下圖所示的p區(qū)域，我們接下來(lái)就要給這個(gè)區(qū)域添加背景圖片

  
• 04

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

  

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