边框的组成
第一个是链羡边框的粗细 1px
第二个是边框的样式 solid 实线 dashed 虚线 dotted 点画线 （不兼容 在不同的浏览器上显示的不一样）
第三个是边框的颜色 red 直接用英文单词表示颜色 #f00 颜色的十六进制表示法 rgb(255,0,0) rgb表示法
2、复合样式
/*border: 1px solid red/*复合样式*/
3、单一设置
这样代表上边框 右边框 下边框盯携 左边框 分别对四条边框进行设置
两个值代表：上下边框 左右边框
三个值代表：上边框 左右边框 下边框 （我不懂为啥是这样分的 可能就是统一的吧）
也可以对每一个边框单独设置
但是棚则拍工作中应该不要这么细分 因为不仅工作量大 而且也很怪异 不美观
在HTML中把块的边框做成圆角需要利用css的border-radius属性。
*** 作步骤：
1、打开Adobe Dreamweaver CC 2015。
2、执行菜单栏中的"文件的新建"命令或按住Ctrl+N键打开"新建文档"对话框，选择其文档类型为HTML，单击"创建"按钮，即创建一个网页文档。
3、在<body>和</body>之间添加"<form></form>"，如下图所示。表单使用的<form>旁肆标记是成对出现的，在首标记<form>和尾标记</form>之间的部分就是一个表单。
4、在<form>和</form>之间添加"<input name="text" type="submit" value="登录" class="input_box">"，如下图所示。
5、在<head>和</head>之间添加"<style type="text/css"></style>"，如下图所示。
6、在<style type="text/css">和</style>之间添加".input_box{width:360pxheight:40pxborder-radius:20pxborder-style:nonebackground:#ec6941font-size:14pxcolor:rgba(249,248,248,1.00)}"，如下图所示。
7、保存网页文件，按住F12键可以在浏览器中预览效果，如下图所示。
语法说明
输入<input>是个单标记，必须嵌套告启源在表单标记中使用，用于定义一个用户的输入项。
name属性：输入字段的识别名称，传递数据时的参数名称。
type属性：输入字段的类型。button是表单通用按钮。
value属性：表单字段预设数据值。例如用于button、submit、reset等字段类型指的是按钮标签的显示文字。
class属性：袜态对应于网页中的CSS选择器名称。
选择模板先百度搜索兔展，进入网站后注册账号并登录后，即可进入制作界面。在界面上可以看很多可供使用的模板，根据自己的需要，点击相应的模板。
进入制作平台
选择完模板后，会自动进入制作平台。在制作平台上，主要分三大区域：左侧的作品结构显示区域，中间的是作品制作区域，右侧的是组件属性修改区域。
文字
1、功能定义：前氏用于展示文字内容，通过修改文字的显示属性，可以生成各式各样的显示效果。
2、 *** 作方法：点击右侧的文字选项，编辑面板的右上角会出现文字输入框，双击输入框可以修改文字内容；修改右侧的属性选项，可以改变文字的显示样式。
3、属性说明：
1）字体：改变文字的字体，提供的是兔展数据库的字体，非电脑本地字体。
2）字号：修改文字的显示大小。
3）行距：修改两行文字间的间距。
4）调色板：修改文字颜色。
5）宽度：修改文字模唯输入框的宽度，单位像素。
6）高度：修改文字输入框的高度，单位像素。
7）透明度：修改文字的透明度，100%为不透明，0%为全透明。
8）旋转：调整文字与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。
图片
1、功能解释：用于显示图片，通过修改图片的显示属性，可以改变图片的大小、透明度、角度等。
2、 *** 作方法：
1）激活功能：点击右侧的图片选项，编辑面板的右上角会出现兔展的logo图片。
2）上传新图片：点击属性栏中的上传按钮，上传本地电脑中的图片进入替换。
3）图片库中的图片：如果之前已经上传过图片，可以从图片库中选择需要显示的图片。
4）截图：按住鼠标左键拖动选择图片区域，然后点击截图按钮或者双击选中的图片区域，便可以裁剪出选中的图片区域。
3、属性说明：
1）宽度：修改图片的宽度。
2）高度：修改图片的高度。
3）原比例：此选项打上勾好，图片的宽度和高度将按照图片原来的比例显示，修改其中的一个数值，另外一个数值会除之改变。
4）透明度：修改图片的透明度，100%为不透明，0%为全透明。
5）旋转：调整图片与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。
按钮
1、功能解释：用于添加链接按钮，可以添加一切页面的链接，如:微博链接、微信慧码散公众号关注链接、官网链接、淘宝链接等等。
2、 *** 作方法：点击右侧的按钮选项，编辑面板的右上角会出现文字输入框；修改右侧的属性选项，可以改变按钮的参数和样式。
3、属性说明：
1）文字：修改按钮上显示的文字。
2）链接：需要按钮链接到的页面，注意链接开头要包含“ http:// ”。
3）填充色：按钮上的背景颜色。
4）边框色：按钮的边框颜色。
5）形状-边框：修改边框的宽度，“0”代表按键无边框。
6）边框-圆角：修改边框边角的圆润程度，数值越大，按钮边角越圆润。
7）宽度：修改按钮的宽度。
8）高度：修改按钮的高度。
9）透明度：修改按钮的透明度，100%为不透明，0%为全透明。
10）旋转：调整按钮与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。
表单
1、功能解释：是允许用户在表单中输入并提交文本信息的功能组件，用户提交的信息可以在帐户栏目下的表单数据中显示。表单中，可以自定义每个选项的名称和项目的数量。
2、 *** 作方法：点击右侧的表单选项，d出新建表单窗口，对表单内容进入添加。
3、属性说明：
1）表单标题：添加表单的标题。
2）行标题：添加表单的行标题。
3）按钮内容：添加按钮的显示文字。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）