What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
To create a blank screen, use an empty <body> and CSS that removes the default margin and paints the viewport. This complete document creates an edge-to-edge white surface:
<!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 content. Since it contains no visible content, CSS supplies the screen’s painted area. margin: 0 removes the browser’s usual body-edge spacing, while min-height: 100vh makes the surface at least as tall as the initial viewport without preventing future content from extending the page.
What “blank screen” means in HTML
A blank screen can mean several things:
- An empty document with the browser’s normal background.
- An empty white, colored, or image-filled canvas that reaches the viewport edges.
- A temporary page shell that is visually empty now but can accept content later.
HTML provides the document structure; CSS controls the visible surface. You do not need a placeholder paragraph, a transparent image, or JavaScript to make the page blank. An empty body is the simplest valid implementation.
Choose the implementation that fits your goal
Completely blank with the default background
Use this minimal file when the browser’s normal page background is acceptable:
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →#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
<!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>It has no visible body content. The exact color can vary with browser defaults, user settings, or an ancestor context, so use an explicit background when consistency matters.
White screen that reaches the edges
html, body {
margin: 0;
}
body {
min-height: 100vh;
background-color: white;
}This is the usual choice for a blank loading page, print-like canvas, or test fixture. The margin reset removes the narrow strip that otherwise appears around the body.
Colored screen
html, body {
margin: 0;
}
body {
min-height: 100vh;
background: #111;
}Replace #111 with any valid color, such as #0b5fff, rgb(20 20 20), or a CSS custom property. background is a shorthand that can include color, images, position, size, and repeat behavior.
Blank screen with a background image
html, body {
margin: 0;
}
body {
min-height: 100vh;
background: center / cover no-repeat url("background.jpg");
}cover scales the image to cover the painted area, center controls its position, and no-repeat prevents tiling. A very wide or tall image may be cropped because preserving cover proportions is prioritized over showing every pixel.
PC 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 & 11Crashes, 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 minuteWhy these CSS declarations matter
Empty body
The <body> element is the container for document content. With no children, it has little intrinsic content height. That is why an empty page may not automatically paint a full viewport-height colored region.
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
margin: 0
Browsers commonly apply a default body margin. Resetting it makes the page surface meet the viewport edges. If you see a white border around a colored body, this is the first declaration to check.
min-height: 100vh
100vh represents the initial viewport height. min-height guarantees at least that much height while allowing normal document flow to grow when you add content. A fixed height can clip or constrain later content and is therefore less suitable for a reusable page shell.
Viewport metadata
Keep this in the head for predictable mobile sizing:
<meta name="viewport" content="width=device-width, initial-scale=1">It tells mobile browsers to use the device-width viewport and an initial scale of one. Without it, some mobile browsers use a wider fallback layout and scale the page down, making the result appear unexpectedly tiny or zoomed.
Build a reusable blank page shell
If the page will later receive a form, application, or dynamically inserted content, keep the document in normal flow:
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.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Application shell</title>
<style>
html, body {
margin: 0;
}
body {
min-height: 100vh;
background-color: #fff;
}
</style>
</head>
<body>
<!-- Content can be added here later. -->
</body>
</html>Normal flow lays block content out in source order. Avoid absolute positioning merely to keep an empty page empty; it adds layout constraints without providing a benefit.
How to test the blank screen
- Save the document as
index.html. - Open it directly in a browser, or serve its directory with your normal local development server.
- Resize the browser window and confirm the background reaches every edge.
- Use the browser’s responsive or device emulation mode to check narrow screens.
- Temporarily add a paragraph inside
<body>to verify that the page grows beyond the initial viewport instead of clipping content.
An empty page has no meaningful text for assistive technology to announce. If the blank state is intentional but part of an application, provide an accessible status or title when content is eventually loaded.
Common problems and precise fixes
A white strip surrounds the page
Set html, body { margin: 0; }. If the strip remains, inspect ancestor elements, browser extensions, or a background applied to only one of html and body.
The color stops before the bottom
An empty body may have almost no intrinsic height. Add body { min-height: 100vh; }. Prefer this to a fixed height if content might be inserted later.
The page is tiny or zoomed on a phone
Add <meta name="viewport" content="width=device-width, initial-scale=1"> inside <head>. Check that the tag is not duplicated with conflicting values.
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
The image repeats or is positioned incorrectly
Use an explicit shorthand such as center / cover no-repeat url("background.jpg"). Confirm that the URL is correct relative to the CSS file and that the image request succeeds.
Free tools Windows power users keep installed
One-click scans. No signup required.
Future content is clipped
Replace a fixed height: 100vh with min-height: 100vh, remove overflow rules that hide content, and let normal flow determine document height.
The screen is not actually blank
Inspect the DOM for text, margins, pseudo-elements, browser extension overlays, or a framework’s default styles. An empty body does not suppress content injected by scripts or third-party widgets.
Performance, reliability, and deployment notes
- An empty HTML document with a small inline stylesheet has negligible transfer and rendering overhead.
- Background images add a network request and can delay the visual result; compress them and provide an appropriate resolution for the largest expected viewport.
- Use a relative image URL that works from the deployed document location, not only from your local file path.
- Keep CSS inline for a one-file placeholder, or move it to a stylesheet when several pages share the same shell.
- Do not add JavaScript unless the blank state must react to application state. JavaScript can introduce a flash of unstyled or nonblank content and creates another failure point.
Or skip the browser setup
If your goal is to capture a blank page or verify how a URL renders, ScreenshotNeo can return the screenshot through one request. It accepts cookie and consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each cleanup step can be disabled. Only clean shots are billed: bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers identify the page verdict and billing status.
See the parameter reference in the ScreenshotNeo documentation. 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,
)
r.raise_for_status()
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}`);
if (!res.ok) throw new Error(`Screenshot failed: ${res.status}`);
const data = Buffer.from(await res.arrayBuffer());
await import('node:fs/promises').then(fs => fs.writeFile('shot.webp', data));ScreenshotNeo also provides an MCP server with take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients. Its 63 options include full-page lazy-image loading, CSS-selector element capture, dark mode, device presets and custom viewports, retina scale, PDF paper and page-range controls, custom CSS or JavaScript, pre-capture clicks, selector hiding, selector or network-idle waits, ad/tracker/request blocking, custom headers and cookies, user-agent and authorization settings, timezone and geolocation, transparent backgrounds, resizing, chosen-TTL caching, signed image links, asynchronous jobs with signed webhooks, bulk capture for up to 100 URLs per call, a usage API, and an OpenAPI specification. Common screenshot-API parameter names also work for easier migration.
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.
Plans include 1,000 screenshots per month free with no card; Starter is $5 for 3,000, Growth $15 for 15,000, Pro $39 for 60,000, Scale $99 for 250,000, and Business $249 for 1,000,000. Yearly billing provides two months free, and every feature is included on every plan. Create a free ScreenshotNeo account to use the monthly allowance without a card.
Blank-screen implementation checklist
- Use an empty
<body>when no visible content is required. - Reset
htmlandbodymargins for an edge-to-edge surface. - Use
min-height: 100vhfor viewport coverage that can still grow. - Set
background-coloror the fullbackgroundshorthand when appearance must be deterministic. - Include the viewport meta tag for mobile browsers.
- Test with a temporary child element before shipping a reusable shell.
Frequently Asked Questions
Can I make the page blank without CSS?
Yes. An empty body produces no visible document content, but the viewport may retain browser-default background and body spacing. CSS is needed for a predictable color and edge-to-edge height.
Should I use height: 100vh instead of min-height: 100vh?
Use min-height for a page that may receive content. It covers the initial viewport while allowing the document to grow; fixed height can constrain or clip later content.
Is JavaScript required for a blank HTML page?
No. HTML and CSS alone create the blank screen. Add JavaScript only when application logic must change the blank state.
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.
