css:watermark [Tutorial Site]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== Watermark ======
Watermark on a HTML can be add by using <div> with CSS.

===== Code =====
<code>
<html>
<head>
    <title>Water Mark</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style>
    #watermark {
        position: fixed;
        z-index: 99999;
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }
    #watermark p {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.15;
        color: #FF0000;
        font-size: 200px;
        pointer-events: none;
    }
	</style>
</head>
<body>
	<div id="watermark">
		<p>Watermark</p>
	</div>
	<div>
		<p>My HTML Content...</p>
	</div>
	<div>
		<p>My HTML Content...</p>
	</div>
</body>
</html>
</code>

===== Result =====
{{ :css:csswatermark.png?direct&400 |}}