📄 tryit.asp@filename=trycss_float2
字号:
<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.4444544"></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">
img
{
float:right;
border:1px dotted black;
margin:0px 0px 15px 20px;
}
</style>
</head>
<body>
<p>
In the paragraph below, the image will float to the right. A dotted black border is added to the image.
We have also added margins to the image to push the text away from the image:
0 px margin on the top and right side, 15 px margin on the bottom, and 20 px margin on the left side of the image.
</p>
<p>
<img src="logocss.gif" width="95" height="84" />
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>
</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_float2"></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 + -