HTML中用盒子模型写windows预警框

Love The Way You Lie 2021-09-15 11:30 309阅读 0赞

<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<title>windows预警框</title>  
<style type="text/css">  
\*\{  
margin: 0px;  
padding:0px;  
\}  
     .boxone\{  
      width: 370px;  
      height: 150px;  
      background-color: \#E6E6E6;  
      border: 1px solid \#333333;  
  
  
     \}  
     .boxtwo\{  
      width: 370px;  
      height: 30px;  
      background: url(img/head\_bg.png);  
      margin-bottom: 10px;  
      color: \#FFFFFF;  
      border-bottom: 1px solid \#0080FF;  
     \}  
     .boxthree\{  
      width: 300px;  
      height: 80px;  
      background-color: \#008040;  
      padding-left: 50px;  
      padding-top: 30px;  
      margin-left: 20px;  
      background: url(img/content\_bg.png) no-repeat left center;  
     \}  
  
  
</style>  
</head>  
<body>  
<div class="boxone">  
<div class="boxtwo">Adobe Photoshop CS4 Extended</div>  
         <div class="boxthree">要在关闭之前存储对AdobePhotoshop文档"未标题-1"的更改</div>  
  
  
  
  
</div>  
</body>

</html>

![70][]

[70]: /images/20210813/a392d5c6953d4194b4b0a76926dadccd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，309人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML------06-------盒子模型

理解盒子模型及其构成会计算盒子模型尺寸会使用盒子模型的两种解析方式来布局网页会使用圆角属性给网页元素添加圆角效果会使用盒子阴影属性给网页元素添加阴影效果

墨蓝/ 2024年04月29日 11:09/ 0 赞/ 74 阅读

相关 ④HTML+CSS 盒子模型

盒子模型盒子 ※ 内容区内边距边框外边距盒子的水平布局 ※ 盒子的垂直布局 ※ 外

系统管理员/ 2023年07月20日 12:12/ 0 赞/ 16 阅读

相关盒子模型，盒模型，框模型

定义及组成： css中所有的样式都是一个矩形盒子布局就是将盒子放到合适的位置盒子的组成包括：内容区（content），内边距（padding），边框

左手的ㄟ右手/ 2022年08月31日 15:19/ 0 赞/ 267 阅读

相关 html标签的盒子模型

在HTML 的标签中<div></div>标签被称作盒子模型，也就是说我们把整个网页当做是一个大盒子，在网页里我们放许多小盒子<div></div>标签，我们可以用<div><

旧城等待，/ 2022年04月17日 06:05/ 0 赞/ 377 阅读

相关 html5盒子模型

相关博客： Flex 布局教程：语法篇：[http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html][h

川长思鸟来/ 2022年01月05日 05:59/ 0 赞/ 250 阅读

相关 CSS盒子模型（框模型）

一、如何理解盒子模型盒子模型（框模型）是css部分非常重要的一部分知识，CSS在处理网页的时候，认为每个元素都处在一个不可见的盒子中。盒子模型的构想，把

曾经终败给现在/ 2021年11月01日 10:44/ 0 赞/ 449 阅读

相关 html中用盒子模型写一个pc端简单的框架

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title></title

快来打我*/ 2021年09月15日 11:46/ 0 赞/ 341 阅读

相关 HTML中用盒子模型写windows预警框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>windows预警框

Love The Way You Lie/ 2021年09月15日 11:30/ 0 赞/ 310 阅读

相关 HTML中用盒子模型写右键菜单项

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子模型做右键菜单<

Dear 丶/ 2021年09月15日 11:30/ 0 赞/ 312 阅读

相关 html中盒子模型的基本知识点盒子大小的计算

盒子模型边框的样式有 solid dashed(虚线) dotted(点线) border-style:solid; 边框的宽度:border-style:1px; 边

怼烎@/ 2021年09月15日 11:28/ 0 赞/ 963 阅读