在dreamweaver中利用div绘制带有圆角矩形边框的_第1页
在dreamweaver中利用div绘制带有圆角矩形边框的_第2页
在dreamweaver中利用div绘制带有圆角矩形边框的_第3页
在dreamweaver中利用div绘制带有圆角矩形边框的_第4页
在dreamweaver中利用div绘制带有圆角矩形边框的_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

在在 Dreamweaver 中利用中利用 div 绘制带有圆角绘制带有圆角 矩形边框的单选按钮组矩形边框的单选按钮组 最近很多朋友询问关于使用 Dreamweaver 进行表单制作过程中，如何让表 单项在一个圆角的容器内，使整个页面看起来更加美观。今天就以单选按钮组 为例，我们一起来试一下。 操作步骤： 1.打开 Dreamweaver CS6，新建一个网页文件，并保存一下。 2.在页面中，使用“插入”“表单”“表单”命令。 3.将插入点定位到表单内，输入文字“1.您的性别？” ，然后敲击键盘上的 “Enter”键，另起一段。 4. 使用“插入”“布局对象”“Div 标签”命令。 5.在 ID 文本框中输入这个 div 标签的 ID 名称“xb” ，然后单击 “确定”按钮。 此时在会在表单内出现一个黑色的虚线框。 6.将黑色虚线框中的文字删除后，使用“插入”“表单”“单选按钮组”命 令。在弹出的对话框中做如下图所示的参数修改。 页面效果如下图所示： 相关代码如下图所示： 7.在代码视图中，将上图所示代码中第一个换行标签，修改为水平线标签 ，然后删除第二个标签。效果如下图所示。 8.在代码视图中标签前输入如下所示的内容，带有/* */的注释文字部分 可以不写。圆角的关键就是 border-radius 属性。 注意注意：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属 性。 #xb border: 1px solid #999; border-radius:10px;/*控制当前 div 的圆角半径*/ padding:10px;/*控制内部填充边距*/ background-color:rgba( 240,165,119,0.1); /*控制背景颜色透明度*/ 9.页面效果如下图所示，此时还
人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论