Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Repair Windows errors before they cause bigger problemsFix Now →To create a blank screen, use an empty <body> and apply the background and viewport sizing you need with CSS. For an edge-to-edge white screen, set the document margins to zero, give the body at least the viewport height, and set its background color.
The simplest working blank screen
Save this as index.html and open it in any browser:
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Blank screen</title>
<style>
html, body {
margin: 0;
}
body {
min-height: 100vh;
background: #fff;
}
</style>
</head>
<body></body>
</html>The body represents the document’s visible content. Because it contains no elements or text, nothing is drawn inside it. The CSS supplies a white surface, removes the browser’s default edge spacing, and makes that surface at least as tall as the initial viewport.
What each line does
Keep the body empty
An empty <body></body> is enough for a page with no visible content. You still need the normal document structure so the file has a predictable title, character encoding, and viewport configuration.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minutePC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
Remove the default margin
Browsers commonly apply a small default margin to the body. If you color only the body and leave that margin in place, a strip of the page background can remain around the edges. html, body { margin: 0; } makes the painted area reach the viewport edges.
Use min-height for viewport coverage
An empty body has almost no intrinsic content height. min-height: 100vh gives it at least the initial viewport height while allowing the document to grow normally if you add content later. That is safer than forcing a fixed height on a page that may eventually contain more markup.
Include the viewport hint
<meta name='viewport' content='width=device-width, initial-scale=1'> tells mobile browsers to use the device width as the initial layout viewport. Without it, some phones use a wider fallback layout and scale the result down, making an otherwise blank page appear unexpectedly small or zoomed.
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
Choose the blank-screen variant you need
| Goal | Markup or CSS | Viewport coverage | Best use |
|---|---|---|---|
| Completely blank with the browser’s normal background | Empty body; no background rule | Content-height by default | A minimal test document or an intentionally unpainted page |
| Blank white screen | html, body { margin: 0; } body { min-height: 100vh; background-color: white; } |
At least the viewport | A neutral canvas or loading state |
| Blank solid-color screen | Set background or background-color to the color you want |
At least the viewport when paired with min-height: 100vh |
Display walls, kiosk states, and visual test fixtures |
| Blank image-backed screen | Use background: center / cover no-repeat url('background.jpg'); |
At least the viewport when paired with min-height: 100vh |
A photographic or illustrated canvas with no foreground elements |
Default background
If you do not care whether the browser paints white, use this smallest valid document:
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Blank</title>
</head>
<body></body>
</html>There is no visible foreground content, and the browser’s normal page background remains in charge.
Solid color
html, body {
margin: 0;
}
body {
min-height: 100vh;
background-color: #111;
}Replace #111 with a named color, hexadecimal value, RGB color, or another valid CSS color. Prefer the CSS background or background-color property instead of obsolete HTML presentation attributes such as bgcolor.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
Image background
html, body {
margin: 0;
}
body {
min-height: 100vh;
background: center / cover no-repeat url('background.jpg');
}The shorthand specifies the image position, size, repeat behavior, and source together. cover fills the available area, so some parts of the image may be cropped when the viewport and image have different proportions. Keep the image path correct relative to the HTML file.
Create and verify the page step by step
- Create a new folder for the page.
- Create a file named
index.htmland paste the complete document from the first section. - Save the file as plain UTF-8 text. Check that it did not become
index.html.txt. - Open the file directly in a browser, or serve the folder with your normal local development server.
- Resize the browser window. A white or colored surface should reach every edge, with no visible text or controls.
- Test a narrow phone-sized viewport using the browser’s responsive design tools. The viewport meta tag should prevent the page from being laid out as a shrunken desktop canvas.
- If you add an image, confirm that the request path and filename match the actual file and that the image is not being blocked by your local server.
Keep the blank shell extensible
Use normal document flow and min-height when the page may later receive content. A fixed height can trap future content inside a viewport-sized box or create overflow that was not present in the original empty page. With min-height, later block elements remain in source order and the document can become taller than the initial viewport.
The Tool Desk
Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →You can keep useful metadata without making the page visibly non-blank. The <title> appears in the browser tab or window title, while lang='en' identifies the document language. Neither adds an element to the page surface.
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
Troubleshooting a page that is not truly blank
| Symptom | Likely cause | Fix |
|---|---|---|
| A white strip appears around the page | The browser’s default body margin is still present, or the color is applied to only one element | Set html, body { margin: 0; } and apply the background to the body. |
| The color ends before the bottom of the window | The empty body has little intrinsic height | Add min-height: 100vh to the body. Use min-height rather than a fixed height if future content is possible. |
| The page looks tiny or zoomed on a phone | The viewport meta tag is missing or malformed | Add <meta name='viewport' content='width=device-width, initial-scale=1'> inside <head>. |
| The background image repeats | The image is using the default repeat behavior | Use the complete shorthand: background: center / cover no-repeat url('background.jpg');. |
| The image is positioned unexpectedly | Only part of the background shorthand was specified | Set position, size, and repeat explicitly, for example center / cover no-repeat. |
| Adding later content makes the page clip or overlap | A fixed height or viewport-locked layout was used | Return to normal flow and use min-height: 100vh. Remove unnecessary fixed-height rules. |
| The file shows source code instead of a blank page | The file was saved with the wrong extension or opened in a text editor | Make sure the filename ends in .html and open it with a browser or an HTTP development server. |
| A background image does not appear | The URL is wrong, the file is missing, or the local server does not expose that folder | Check the relative path, capitalization, file location, and browser network errors. |
Performance and reliability considerations
- An empty-body page has almost no HTML to parse and does not require JavaScript, a framework, or a package manager.
- A solid CSS color avoids an image request and is the most dependable choice for a simple canvas.
- An image background adds a network dependency and can delay the final painted appearance until the image is available.
- Keeping the document in normal flow makes it easier to extend, print, or capture without adding layout constraints that were not needed.
- Use the same HTML file for local checks, staging, and production when you need a deterministic blank fixture; differences then come from the server or browser environment rather than from separate templates.
Or skip the browser setup
If your goal is to obtain a screenshot of a URL rather than build the blank page locally, ScreenshotNeo provides a website screenshot API and MCP server. A GET request returns PNG, JPEG, WebP, or PDF output. Before capture, it accepts cookie and consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed; the response identifies the result with X-Page-Verdict and X-Billed headers.
Use the API documentation at https://screenshotneo.com/docs/ for authentication and options. The following calls request a screenshot of the example URL:
cURL
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpPython
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)Node.js
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);ScreenshotNeo also has an MCP server with take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients. Every feature is available on every plan. The Free plan includes 1,000 screenshots per month with no card; paid plans start with Starter at $5 for 3,000 screenshots, and yearly billing gives two months free.
Create a free ScreenshotNeo account to get the 1,000 monthly screenshots without adding a card.
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
Frequently Asked Questions
Is an empty body valid HTML?
Yes. An empty <body> is valid document content; the head can still contain the character encoding, viewport hint, and title metadata.
Can the browser tab have a name while the page remains blank?
Yes. Put the text in <title> inside the head. It appears in the tab or window title and does not create visible page content.
What should I use when a blank page must later contain content?
Keep the body in normal document flow and use min-height: 100vh. This preserves viewport coverage now without imposing a fixed-height boundary on future content.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
