导航:首页 > 万维百科 > 网页设计盒子怎么建

网页设计盒子怎么建

发布时间:2020-12-16 03:11:36

1、网页制作cs6怎么并排插入布局盒子

div? 并排?
设置浮动属性: float: left;

2、网页设计 CSS盒子这个问题是怎么回事?

是在看不懂你想问什么
你的问题无非就是清除浮动的问题。

<div class="box">
<div class="box2"></div>
</div>
不提倡用<div style="clear:both"></div>的方法清除浮动。

建议使用:
.box{zoom:1;}
.box:after{content:"";height:0;display:block;clear:both;}

只要正确地清除浮动,什么问题都没有。

3、DW2019怎么在设计页面插入盒子?

页面的布局用 width(宽) height(高)比如设置一个盒子是宽120px,高200px,代码是<div style="width:120px;height:200px;">这是一个120*200的盒子</div>,字体大小设置用font 比如字体大小为18像素<font size="18px"></font> 。

4、网页设计中怎样设计两个水平同样的盒子

你说的是浮动吧,两个div都浮动,一个左一个右。望采纳

5、网页制作。做网页图文电影介绍,如何将文本(div)盒子置于图片(a)盒子下方,做出如图效果

你那种写法,可以直接将a标签设置为block就可以了。如:
<a href="#" title="谍影重重5" style="display:block";>
<img src="img/1-1.jpg"/>
<div style="display:block">aaa</div>
</a>

但是那张图片效果,可以用<dl></dl>去布局,如:
<dl>
<dt>
<a href="#" title="谍影重重5" style="display:block">
<img src="img/1-1.jpg"/>
</a>

</dt>

<dd>aaaa</dd>

</dl>

6、如何实现网页设计立体盒子效果

这是一个正在逐渐流行的创意的趋势。事实上它非常容易实现,只需要增加了一个额外的元素和独特的设计。让我们看一下该如何实现立体盒子的效果吧,然后,我们将会给大家展示一些很好的例子。准备先准备好你的页面和图片,我们使用这张图片:我们简单的将HTML写成这样: <p id="container"> <img id="logo" src="logo.png" alt="Lee Munroe" /> </p>CSS样式可能会是这个样子的:body{background:#999;} #container{ width:960px; background:#fff; margin:20px auto; padding:10px; }下面是一个效果预览:设置为相对定位当我们定位logo的时候,我们希望它的位置是相对于容器的,因此使用相对定位:#container{ width:960px; background:#fff; margin:20px auto; padding:10px; position:relative; }将它定位到盒子的外面现在你需要做的就仅仅是定位logo,将其水平定位,让它从容器中突出出来。

7、网页设计CSS和盒子相关问题,详细见图

第一题:float:right; right:30px; (right: 30px;是定位的属性)
第二题:div1四个方向各10px外边距,div2四个方向各5px外边距,当div1、2左右排列时,两者之间为10px+5px,当div1、2上下排列时,正常情况下就不是10px+5px了,5px被合并到10px里面去了,这个叫:外边距自动合并
外边距自动合并主要是用来解决上下排版(特别是段落之间)的美观问题,你可以自行百度下,不过有时候外边距自动合并会失效,需要给其中一个div加内边距或边框才能解决。

8、网页设计,用div盒子制作网页,要怎么样才能把绿色盒子放到红色盒子下面,把绿色盒子的图片当做背景来

想让绿色盒子当做背景,可以让绿色盒子的div包含红色盒子的div,就是红色盒子的div是绿色盒子的div的一部分。

9、网页设计与制作中三个盒子模型的css样式怎么弄

CSS盒子模型:W3C组织建议把所有的网页上的对象都放在一个盒子中(在定义盒子宽高的时候,要考虑到内填充,边框,边界的存在)
一个盒子的构成:
盒子中的内容:content
盒子的边框:border
盒子边框与内容之间的距离:称为填充---padding内边距(内补丁)
如果有多个盒子存在,盒子与盒子之间的距离:称为边界---margin,外边距(外补丁)
整个盒子模型在网页中所占的宽度:左边界+左边框+左填充+内容+右填充+右边框+右边界
CSS盒子模型的属性:
内容属性:宽=width 高=height
内填充属性(内容与边框之间的距离):padding
外边距属性:margin(使用该属性的时候注意浏览器的兼容性)
内填充与边界的规则:
如果有四个参数:表示上右下左,也可以单单指定某个方向
如果只有一个参数:表示上右下左
如果有两个参数: 第一个参数表示上下 第二个参数表示左右
如果三个参数:表示上 左右 下
边框属性:border

复制代码
代码如下:

<style type="text/css">
#bigBox{
width:300px;
height:300px;
background:#F30;
padding:20px 0px 0px 20px;
margin:20px;
}
#smallBox{
width:150px;
height:150px;
background:#6F9;
padding-top:20px;
}
</style>
</head>
<body>
<div id="bigBox">
<div id="smallBox">
小盒子
</div>
</div>

10、网页设计,点击弹出div 盒子

效果图:


简单的代码:


<html>

<head>

<style>

*{margin:0;padding:0;}

#_outs{margin:0 auto;height:50px;width:200px;margin-top:200px;position:relative;}

#_ins{position:absolute;height:50px;width:200px;border:1px solid green;top:15px;left:100px;border-radius:5px;display:none;text-


align:center;line-height:50px;}

</style>


<script>

function tanchu(){

document.getElementById("_ins").style.display="block";


}

function guanbi(){

document.getElementById("_ins").style.display="none";


}

</script>

</head>

<body>

<div id="_outs">

<input type="button" value="点击按钮弹出div" onclick="tanchu()"></input>

<div id="_ins">弹出div

<input type="button" value="点击按钮关闭div" onclick="guanbi()"></input>

</div>


</div>



</body>

</html>



自己可以复制代码运行下, 应该是你要弄的效果吧。有不理解的可以追问我哦!记得采纳哦。或者选为优质。谢谢啦。。。。。

与网页设计盒子怎么建相关的知识