首页 > 其他分享 >div+CSS

div+CSS

时间:2024-12-28 14:31:46浏览次数:5  
标签:cell nbsp div border CSS row

可以将CSS直接写进DIV里

<div id="box3" style=" background:#eeef;width: 250px;height:250px;float:left;">
    <style></style>
</div>

一个div靠在另一个div左边

<div id="box3" style=" float:left;">   
</div>   
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tulater_webBroker全功能展示</title>
</head>
<body bgcolor="#ababab"  >
 <div id="all"  >
<!-----------------------------静态 表格------------------------------>
    <div id="box1" style="background: #eee;width:1100px;height:100px;">
<style>
    table {
        width: 400px;
        margin: 0 auto;
        border: 1px solid #000000;
        border-collapse: collapse;    }    
    th,    td {
        border: 1px solid #000000;
        text-align: center;    }
</style>
<table border="1">
    <tr>     <th>第一列</th>        <th>二列表头</th>
    </tr>
    <tr>     <td><a target="_blank" href="http://www.cnblogs.com/tulater">涂磊的小作</a></td>        <td>row 1, cell 2</td>
    </tr>
    <tr>     <td>row 2, cell 1</td>        <td>row 2, cell 2</td>
    </tr>
    <tr>     <td>row 3, cell 1</td>        <td><a target="_blank" href="https://www.cnblogs.com/tulater/p/18519255">实体书</a></td>
    </tr>
</table>
</div>
<!----------------------------------------------------->

<!----------------------------文件  上传------------------------------>
    <div id="box2" style=" background:#eee1;width: 250px;height:250px;float:left;">
&nbsp;&nbsp;<font color="#ff0000">文件  上传</font><br>
         <form   action="upload" method="post" enctype="multipart/form-data">
           <input type="file" size="60" name="myfile">
           <input type="text" size="10"  >
           <input type="submit" value="上传">
        </form>
   </div>

<!---------------------------------中间 间隔------------------>
   <div id="temp1" style=" background:white;width: 20px;height:250px;float:left;">
   </div>
<!----------------------------成语 查询------------------------------>
    <div id="box3"  style=" background:#eeef;width: 250px;height:250px;float:left;">
&nbsp;&nbsp;<font color="#ff0000">成语 查询</font><br>
       <form   action="upload" method="post">     
          <input type="text" size="30"   name="html" >
         <input type="submit" value="查询">
       </form>
     </div>
<!----------------------------------------------------->
<!----------------------------文件  上传------------------------------>
    <div id="box2" style=" background:#eee1;width: 250px;height:250px;">
&nbsp;&nbsp;文件  上传<br>
         <form   action="upload" method="post" enctype="multipart/form-data">
           <input type="file" size="60" name="myfile">
           <input type="text" size="10"  >
           <input type="submit" value="上传">
        </form>
   </div>

<!----------------------------------------------------->
 </div>
</body>
</html>

 

标签:cell,nbsp,div,border,CSS,row
From: https://www.cnblogs.com/tulater/p/18637476

相关文章

  • Codeforces Round 993 (Div. 4)
    Codeforces题解-[题目名称]题目链接题目描述Wave获得了五个整数$k$、$l_1$、$r_1$、$l_2$和$r_2$。Wave希望你帮助她计算出有序对$(x,y)$的数量,使得以下所有条件都得到满足:$l_1\leqx\leqr_1$。$l_2\leqy\leqr_2$。存在一个非负整数$n$使得......
  • Vue中动态样式绑定+CSS变量实现切换明暗主题功能——从入门到进阶
    1.直接借助Vue的动态绑定样式绑定Vue动态样式绑定在Vue中,动态样式绑定是一种强大的功能,它允许开发者根据数据的变化动态地更新元素的样式。以下是对Vue动态样式绑定的详细知识梳理与详解:一、基础知识Vue的动态样式绑定主要通过v-bind:style(或简写为:style)指令来实现。通......
  • HTML+css学成在线实战之首页
    成品代码已经全部打包,需要参考或期末大作业的请自取https://pan.quark.cn/s/143f750f04c4https://pan.quark.cn/s/143f750f04c41.准备工作1.1项目目录结构study/:网站根目录,包含所有素材。images/:存放固定使用的图片,如logo。uploads/:存放非固定使用的图片,如商品图。......
  • CF补题 981-Div.3
    CF补题981-Div.3-20241226Dashboard-CodeforcesRound981(Div.3)-CodeforcesA:题目大意:\(x\)从\(0\)开始,轮流将\(x\)前后移动\(i*2-1\),求最后移动出$-n,n$的$i$#include<iostream>#include<math.h>usingnamespacestd;intmain(){ intT; c......
  • 如何使用css3把一个正方形变圆?
    在前端开发中,你可以使用CSS3的border-radius属性来把一个正方形变成圆形。border-radius属性用于设置元素的外边框圆角。如果你想把一个正方形变成圆形,你可以将border-radius设置为正方形边长的一半,或者简单地设置为50%,这样可以使正方形的四个角都变成完美的半圆,从而形成......
  • css中如何取消表单轮廓?
    在CSS中,如果你想要取消表单元素(如输入框、按钮等)在获取焦点时显示的轮廓(outline),你可以使用outline属性并将其设置为none。这通常在全局样式表中应用,以确保所有表单元素在获取焦点时都不会显示轮廓。以下是一个示例CSS规则,它将取消所有表单元素的轮廓:input,textarea,button,se......
  • 使用css如何防止拖拽文本域?
    在前端开发中,如果你想防止用户拖拽文本域(例如,<textarea>或<inputtype="text">),你可以通过CSS来实现。这通常涉及到设置一些特定的CSS属性来禁用拖拽行为。然而,需要注意的是,CSS本身并没有直接提供“防止拖拽”的属性。拖拽行为通常是通过HTML5的DragandDropAPI或者......
  • 你使用过css中的-webkit-font-smoothing属性吗?说说它的作用
    是的,我使用过CSS中的-webkit-font-smoothing属性。这个属性主要用于控制字体渲染时的平滑效果,使字体看起来更加清晰和舒服。它并非CSS的标准特性,而是由WebKit渲染引擎(如Chrome和Safari浏览器)提供的一个扩展属性。关于-webkit-font-smoothing属性的作用,可以归纳为以下几点:抗锯......
  • 使用CSS3实现动态的天气图标特效
    在前端开发中,我们可以使用CSS3的特性,如动画、过渡和变换,来创建动态的天气图标特效。以下是一个简单的示例,展示如何使用CSS3来制作一个动态的晴天图标。首先,我们创建一个基本的HTML结构来表示晴天图标:<divclass="weather-iconsun"><divclass="sun-body"></div><divclas......
  • 使用css3实现日全食动画特效
    要使用CSS3实现日全食动画特效,你需要考虑以下几个步骤:设置HTML结构:首先,你需要在HTML中设置太阳、月亮和背景的结构。CSS样式:使用CSS为太阳、月亮添加样式,包括形状、颜色和位置。动画效果:使用CSS3的@keyframes来定义动画,然后通过animation属性将动画应用到月亮上,以实现......