简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

How to repeat background image horizontally

Example analysis:

The background-repeat attribute is used to set the tiling method of the background image. The following values ​​can be set:

● Repeat: Default value, the background image will repeat vertically and horizontally.

●　repeat-x: Only the horizontal position will repeat the background image.

●　repeat-y: Only the vertical position will repeat the background image.

　●　no-repeat: Set the background image not to repeat.




Continuing Learning
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> body { background-image:url('https://img.php.cn/upload/article/000/000/015/5c6a80bba060c467.png'); background-repeat:repeat-x; } </style> </head> <body> <h1>Hello World!</h1> </body> </html>
submitReset Code
Previous section Next Section
Tutorial List
get help
  • Course Recommendations
  • Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~

Students who have watched this course are also learning

The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)  492111 plays
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！