【小练习01】CSS--PS提示框制作

要求用css和HTML实现下图效果：

代码：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>#wrap{width: 378px;border: 1px solid;border-color: #d4d0c8 #404040 #404040 #d4d0c8;margin: 0 auto;}#box{border: 1px solid;border-color: #fff #808080 #808080 #fff;background: #d4d0c8;padding: 1px;}#title{/*没有给高度会取能容纳内容的最小值，没给宽度会取父级的宽度*//*font: 字体加粗 字体大小/字体行高 字体类型                后三个参数是必需要写的*/font: bold 12px/18px '宋体';color: #fff;background: url(img/bg.gif) repeat-y;padding-left: 2px;}#content{font: 12px/14px '宋体';padding: 12px 95px 21px 57px;background: url(img/ico_01.gif) no-repeat 10px 11px;}</style></head><body><div id="wrap"><div id="box"><div id="title">Adobe Photoshop CS4 Extended</div><div id="content">要在关闭之前存储对 Adobe Photoshop 文档“未标题-1”的更改？</div></div></div></body>
</html>

源代码链接地址：
http://download.csdn.net/detail/baidu_37107022/9835705

【小练习01】CSS--PS提示框制作相关推荐

微信小程序自定义提示框制作的简单方法
微信小程序自定义提示框制作的简单方法下面的时候提示框的结构 wxml部分  <view class="showToast" wx:if= ...
html怎么制作小黄人,【PS教程】制作一个小黄人
原标题:[PS教程]制作一个小黄人小黄人已经是个无需介绍的人气角色,呆萌的外表让他成为了践踏主角的超级巨星,在全球拥有无数粉丝,作为喜欢小黄人的设计师,是不是一定要懂得3D软件才能做出小黄人哩?NO ...
CSS---按住录音提示框制作
如下图:按住语音按钮,出现中间的提示框语音提示框CSS(使用less)代码如下: .prompt-box {position: fixed;top: 50%;left: 50%;display ...
微信小程序之弹出提示框确认取消按钮以及在该api内的方法中不能使用setData的问题！
首先,我们来介绍一下弹出提示框: wx.showModal({title: '提示',content: '这是一个模态弹窗',success (res) {if (res.confirm) {cons ...
微信小程序Loading加载+提示框（微信小程序）
效果演示 1.Loading加载界面 2.提示框代码实现 1.Loading加载界面----方法1 应用场景:显示loading -> 你要做的事 -> 隐藏loading,缓解用户焦虑 ...
纯CSS实现提示框小三角
注:IE6不支持边框transparent,当设置成透明时显示为黑色.而当border-style为dotted或dashed时,点线与虚线均以边框宽度为基准,点线长度必须是其宽度的3倍以上(heig ...
如何使用CSS创建巧妙的动画提示框
原文:https://webdesign.tutsplus.co... 原作:Jase Smith 翻译:Stypstive 当你的用户需要漂亮的图标给出额外的文字信息时,亦或是当他们在点击了按钮之后 ...
微信小程序之toast等弹框提示
微信小程序中toast消息提示框只有两种显示的效果,就是成功和加载,使用wx.showToast(OBJECT). 看下有关参数说明: 代码很简单: wx.showToast({title: '成功' ...
xbox控制台小助手服务器连接已阻止,win10系统xbox控制台小帮手无法登录，提示目前您无法登录怎么办...
最近win10系统登录xbox控制台小帮手时,出现提示框:目前您无法登录,导致无法正常登陆.很多用户都不知道该如何处理.别着急,接下来我们一起看看win10系统xbox控制台小帮手无法登录的解决办法. ...

【小练习01】CSS--PS提示框制作

【小练习01】CSS--PS提示框制作相关推荐

最新文章

热门文章