网页设计入门--使用css设置图片样式

一、定义图片边框

方法1：

border-style:dotted（点划线）|dashed（虚线）|solid;

border-color:参数;

border-width:数值;

方法2：

border:style（必须放在第一个位置） color width;

方法3：

border-left-style:solid;

border-right-color:#cacece;

border-bottom-width:2px;

方法4：

border-style:dotted solid dashed double;（上右下左）

border

时间： 2024-10-31 04:32:30

网页设计入门--使用css设置图片样式的相关文章

网页设计入门--使用css控制背景图像

一.设置背景页面背景颜色 background-color:color; 二.设置背景颜色给页面分块通过background-color属性,不仅可以设置整个网页页面背景颜色,也可以对页面进行分块,分别设计每个分块的背景颜色上图对应的代码为: 1 <html> 2 <head> 3 <title>my first text html</title> 4 <style type="text/css"> 5 6 body{ 7

网页设计入门--列表格式设置

昨天在学习列表,试着做案例时,出现了列表无法居中显示的问题,代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <h

【转】手机web——自适应网页设计（html/css控制）

手机web——自适应网页设计(html/css控制) 就目前形势来看,Web App 正是眼下的一个趋势和潮流,但是,对于Web App的设计可能大家有的不是很了解,下面就将整理好的网页设计的技巧奉献给大家. 作者:佚名来源: 68design | 2013-09-04 11:02 一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name="viewport"

手机web——自适应网页设计（html/css控制）（转）

一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-

网页设计你应该知道的图片格式选择技巧

网页设计中,切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式.并交由下一位人员网页排版的重要步骤.选择适合的图片格式不但可以将让界面设计得到合理的显示效果.甚至还可以有效的控制图档的档案大小,节省下载时间.有效的减少服务器的负担. 以UI设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用-」的功能.与默认的存盘模式不同,在这个模式中,软件提供了仿真图文件输出的质量调整.档案大小控制等针对网页图文件需求的选项: 相信许多人都知道网页设计中

网页中如何用 CSS 设置打印分页符

Word 中按 Ctrl + Enter 创建一个分页符,方便打印,其实网页中也可以,用 CSS 的 page-break-after:always;. <p>第 1 页</p><div style="page-break-after:always;"></div><p>第 2 页</p><div style="page-break-after:always;"></div&g

手机web——自适应网页设计（html/css控制） - 51CTO.COM

一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initia

网页设计入门必看的六点建议

虽然说对于已经会Html的人来说,学Html真的算不上什么有技术性的东西,因为那个实在是很简单,如果这个都搞不定,其他就不用提了.但是对于初次接触网络语言的人来说,那还是不容易搞定的一件事. 网页网站设计入门我身边就有很多在学Html的朋友,接触Html的时间也不算短,但是如果让他独立做一个网页就不能胜任了,最多只是会修改别人的模板,简而言之,就是看得懂,但不是真懂,没入门.然后有个朋友问,那什么才算入门呢?就是自己能独立做一个网页呗. 很多时候方法对了,学习这件事情只会变得越来越容易,如果你

响应式网页设计入门

响应式网页设计(Responsive Web Design)这个概念在2000年的时候就有人提出来了,其实我更喜欢将其翻译为自适应网页设计,阮一峰关于Responsive Web Design的一篇文章就是翻译为自适应网页设计,但是国内都采用了响应式网页设计这一生硬的翻译(你能第一次看到响应式网页设计这种称呼而联想到他的具体含义吗?).既然这种二流翻译已经是主流,我也采用响应式网页设计这一说法. 在阮一峰的自适应网页设计这篇文章中他举了一个例子来说明这种设计的应用. 下面是对阮一峰这篇文章中该片