📄 tryit.asp@filename=trycss_float3
字号:
<html>
<head>
<title>Tryit Editor v1.4</title>
<link rel="stylesheet" type="text/css" href="../tryittheme.css" />
<script type="text/javascript">
function displayad()
{
document.getElementById("adframe").src="../tryitbanner.asp@secid=trycss&rnd=" + Math.random()
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" class="right" align="left">
<iframe id="adframe" style="background-color:#808080" height="90" width="728" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"
src="../tryitbanner.asp@secid=trycss&rnd=0.1863977"></iframe>
</th>
</tr>
</table>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<form action="tryit_view.asp" method="post" target="view"><tr>
<td colspan="2">
<input name="submit" type="submit" value="Edit the text and click me" onclick="displayad()">
</td>
</tr>
<tr>
<td width="50%">
<textarea width="100%" height="400px" style="width:100%;height:400px" name="code" wrap="logical" rows="21" cols="42">
<html>
<head>
<style type="text/css">
div
{
float:right;
width:120px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
}
</style>
</head>
<body>
<div>
<img src="logocss.gif" width="95" height="84" /><br />
CSS is fun!
</div>
<p>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
<p>
In the paragraph above, the div element is 120 pixels wide and it contains the image.
The div element will float to the right.
Margins are added to the div to push the text away from the div.
Borders and padding are added to the div to frame in the picture and the caption.
</p>
</body>
</html>
</textarea>
</td>
<td>
<iframe width="100%" height="400px" style="width:100%;height:400px;background-color:ffffff" name="view" src="tryit_view.asp@filename=trycss_float3"></iframe>
</td>
</tr>
<tr>
<th colspan="2" class="right" align="left">
Edit the text above, and click on the button to see the result.
</th>
</tr>
</form></table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -