Dreamweaver使用CSS规则设置超链接显示


默认情况下,网页的超链接都有固定的显示形式。在这里,我们可以通过创建CSS的样式来控制超链接文本的显示。
一、使用CSS规则设置超链接的显示
1. 打开文档,然后打开“CSS样式”面板。
2. 在“CSS样式”面板中,点击右下角的“新建 CSS 规则”按钮,打开“新建 CSS 规则”对话框,如下图所示:
在“选择器类型”中选择“复合内容(基于选择的内容)”项。
在“选择器名称”中点击右边的下拉箭头,我们可以看到:
a:link:未访问的超链接。
a:visited:已经访问过的超链接。
a:hover:鼠标指针移动到上面时的超链接。
a:active:正在访问的超链接。
3. 在“选择器名称”中选择“a:link”项,然后点击“确定”按钮,打开“CSS 规则定义”对话框。
4. 在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后在右边“类型”部分设置链接字体的颜色、大小和修饰等。
5. 设置好以后单击“确定”按钮,完成“a:link”项的设置。
6. 重复第3.第4.第5.步的操作,继续设置“a:visited”、“a:hover”和“a:active”项。
7. 全部设置好以后,链接文字的效果如下:
基本状态(a:link)
点击后状态(a:visited)
鼠标经过状态(a:hover)
鼠标按下状态(a:active)
8. 在“代码”视图中可以查看设置好的CSS样式源文件。代码如下:


  • 鎬庢牱鍒╃敤dreamweaverCS6鍒朵綔缃戦〉涓婄殑琛ㄦ牸
    绛旓細1銆佹墦寮dreamweaverCS6锛屾柊寤轰竴涓狧TML鏂囦欢锛岃繘鍏Dreamweaver涓荤晫闈㈠悗锛屾垜浠彲浠ョ湅鍒拌嚜鍔ㄧ敓鎴愮殑鏍囬銆佸ご銆佽韩浣撶殑鐩稿叧鐨勪唬鐮佺殑鍑虹幇锛岃繖涓槸杞欢鑷姩鐢熸垚鐨勶紝鍙互鐩存帴浣跨敤鐨勩2銆佸湪Dreamweaver浠g爜鐨勪富鐣岄潰涓紝鍦ㄤ唬鐮併佹媶鍒嗐佽璁¤繖涓変釜閫夐」鍗′腑锛岄夋嫨鎷嗗垎锛屽洜涓鸿繖鏍峰彲浠ユ洿濂界殑鐪嬪埌浠g爜涓庣浉鍏宠璁$殑琛ㄦ牸鐨勮皟鏁寸殑...
  • dreamweavercs6棰勮娴忚鍣ㄥ浣曟搷浣
    绛旓細鏈杩戜笉灏戜紮浼村挩璇dreamweavercs6涓繘琛屾坊鍔犻瑙堟祻瑙堝櫒鐨勬搷浣滐紝浠婂ぉ灏忕紪灏卞甫鏉ヤ簡dreamweavercs6娣诲姞棰勮娴忚鍣ㄧ殑鎿嶄綔姝ラ锛屾劅鍏磋叮鐨勫皬浼欎即涓璧锋潵鐪嬬湅鍚!棣栧厛鎴戜滑闇瑕佸厛鎵撳紑dreamweavercs6杩欐杞欢鐒跺悗鐐瑰嚮鑿滃崟鏍忛噷闈㈢殑缂栬緫閫夐」锛屾壘鍒扳滈閫夊弬鏁扳濋夐」銆傛帴鐫浼氬脊鍑洪閫夊弬鏁扮獥鍙o紝鍦ㄥ乏渚ч夋嫨鈥滃湪娴忚鍣ㄤ腑棰勮鈥濋夐」銆
  • 濡備綍浣跨敤Dreamweaver cs5鍏ラ棬鍒朵綔缃戦〉
    绛旓細濡備綍浣跨敤Dreamweaver cs5鍏ラ棬鍒朵綔缃戦〉锛岃В绛斿涓 姝ラ涓锛氳缃甅ETA锛氭楠ら槄璇.姝ラ闃呰.姝ラ闃呰.姝ラ闃呰.姝ラ闃呰.2姝ラ浜岋細璁剧疆鍏抽敭瀛楋細鍓嶅洓姝ュ悓浜庢楠や竴鐨勫墠鍥涙 姝ラ闃呰.3姝ラ涓夛細璁剧疆璇存槑鍐呭锛氬墠鍥涙鍚屼簬姝ラ涓鐨勫墠鍥涙 姝ラ闃呰.4姝ラ鍥涳細璁剧疆鍒锋柊锛氬墠鍥涙鍚屼簬姝ラ涓鐨勫墠鍥涙 姝ラ闃呰.5...
  • 鍦DreamweaverCS5涓,涓嶆樉绀轰唬鐮佺殑瑙嗗浘鏄粈涔堣鍥?
    绛旓細鍦DreamweaverCS5涓紝涓嶆樉绀轰唬鐮佺殑瑙嗗浘鏄璁¤鍥俱傚湪Dreamweave杞欢涓紝鏈夊洓绉嶈鍥撅紝鍒嗗埆鏄細1銆佷唬鐮佽鍥撅細鏀剧疆鐨勬槸鍏蜂綋鐨勪唬鐮侊紝鍖呮嫭CSS/DIV/JS鎴栬匬HP鐨勪唬鐮侀兘鏄彲浠ユ斁鍦ㄤ唬鐮佽鍥句腑銆2銆佹媶鍒嗚鍥撅細涓昏鏄媶鍒嗕唬鐮佸拰浠g爜鐨勮璁℃晥鏋滐紝灏辨槸鐢ㄦ埛鍦ㄧ紪杈戜唬鐮佺殑鏃跺欏仛鍑烘潵鐨勫叿浣撴牱寮忕殑瀵规瘮鏁堟灉銆3銆佽璁¤鍥撅細...
  • Dreamweaver CS6鐨勪富瑕佸姛鑳
    绛旓細Adobe Dreamweaver CS6 绠浣撲腑鏂囨縺娲荤増Dreamweaver CS6鏄笘鐣岄《绾ц蒋浠跺巶鍟咥dobe鎺ㄥ嚭鐨勪竴濂楁嫢鏈夊彲瑙嗗寲缂栬緫鐣岄潰,浣犲彲浠ユ棤闇缂栧啓浠讳綍浠g爜灏辫兘蹇熷垱寤篧eb椤甸潰銆傚叾鎴愮啛鐨勪唬鐮佺紪杈戝伐鍏锋洿閫傜敤浜嶹eb寮鍙戦珮绾т汉鍛樼殑鍒涗綔!CS6鏂扮増鏈浣跨敤浜嗚嚜閫傚簲缃戞牸鐗堥潰鍒涘缓椤甸潰,鍦ㄥ彂甯冨墠浣跨敤澶氬睆骞曢瑙堝闃呰璁,鍙ぇ澶ф彁楂樺伐浣滄晥鐜囥傛敼鍠勭殑 FTP 鎬ц兘...
  • dreamweaverCS6涓庝箞棰勮缃戦〉
    绛旓細dreamweaverCS6涓瑙堢綉椤垫柟娉曞涓嬶細1銆佹墦寮Dreamweaver杞欢锛屽皬缂栦互Dreamweaver CS6涓轰緥婕旂ず銆2銆佺偣鍑昏彍鍗曟爮閲岄潰鐨勭紪杈戦夐」锛屾壘鍒扳滈閫夊弬鏁扳濋夐」銆3銆佷細寮瑰嚭棣栭夊弬鏁扮獥鍙o紝鍦ㄥ乏渚ч夋嫨鈥滃湪娴忚鍣ㄤ腑棰勮鈥濋夐」銆4銆佸湪鍙充晶绐楀彛鍙互鐪嬪埌娴忚鍣ㄥ垪琛紝涓婇潰鏈変釜鍔犲彿锛屾槸鐢ㄦ潵娣诲姞娴忚鍣ㄧ殑锛岃繕鏈変釜鍑忓彿锛屾槸鍒犻櫎鐜版湁...
  • 鐢佃剳瀹夎DreamweaverCS6鎬绘槸鍑洪敊瀵艰嚧瀹夎澶辫触鐨勮В鍐虫柟娉
    绛旓細4. 娓呯悊涓存椂鏂囦欢锛氬湪瀹夎Dreamweaver CS6涔嬪墠锛屽缓璁竻鐞嗚绠楁満涓婄殑涓存椂鏂囦欢銆傝繖浜涗复鏃舵枃浠跺彲鑳戒細骞叉壈瀹夎杩囩▼銆傛偍鍙互浣跨敤绯荤粺宸ュ叿鎴栫涓夋柟娓呯悊宸ュ叿鏉ユ竻鐞嗕复鏃舵枃浠躲5. 浣跨敤鍏煎妯″紡瀹夎锛氬鏋滄偍鐨勮绠楁満鏄緝鏂扮殑鎿嶄綔绯荤粺锛屽彲鑳戒細閬囧埌涓庡吋瀹规х浉鍏崇殑闂銆傛偍鍙互灏濊瘯浠ュ吋瀹规ā寮忚繍琛屽畨瑁呯▼搴忥紝渚嬪鍙抽敭鍗曞嚮瀹夎...
  • Dreamweaver CS5浠庢柊鎵嬪埌楂樻墜鐨勭洰褰
    绛旓細绗13绔 閿︿笂娣昏姳鈥斺旂敤JavaScript鐐圭紑缃戦〉 243鏈珷瑙嗛鏁欏褰曞儚:43鍒嗛挓浣跨敤JavaScript,鍙互鍦ㄧ綉椤典腑瀹炵幇缁氫附澶氬僵鐨勬晥鏋,濡傜儫鑺辩唤鏀炬晥鏋溿侀紶鏍囨寚閽堝悗闈㈣窡闅忔枃瀛楁垨鍥剧墖鐨勬晥鏋滅瓑銆傛湰绔犱粙缁岼avaScript鐨勮瑷鍩虹鍜屼娇鐢ㄦ妧宸с13.1 鍒濊瘑JavaScript 24413.2 JavaScript璇█鍩虹 24513.3 Dreamweaver CS5涓璊avaScript鐨勬搷浣 25413.4 ...
  • dreamweaverCS6涓庝箞娣诲姞閾炬帴
    绛旓細鍦dreamweaver cs6缂栬緫鍒朵綔缃戠珯涓父甯镐細闇瑕佷负鏂囧瓧鎴栧浘鐗囨坊鍔犻摼鎺ワ紝鍏蜂綋鏂规硶濡備笅锛1銆佸惎鍔╠reamweaver cs6 2銆侀夋嫨瑕佹坊鍔犻摼鎺ョ殑鏂囧瓧鎴栫偣鍑昏娣诲姞閾炬帴鐨勫浘鐗囷紝鐒跺悗鍦ㄥ睘鎬ч潰鏉夸腑鐐瑰嚮鈥渉tml鈥濓紝骞跺湪鈥滈摼鎺モ濆湴鍧鏂囨湰妗嗕腑杈撳叆瑕侀摼鎺ョ殑鍦板潃锛屽鍥炬墍绀猴細杩欐牱鏂囧瓧鎴栧浘鐗囩殑閾炬帴灏辨坊鍔犲畬鎴愪簡銆
  • dreamweaverCS6涓庝箞棰勮缃戦〉
    绛旓細鐩存帴閫夋嫨鍦ㄢ滆璁¢潰鏉库濓紝鈥滃疄鏃惰鍥剧殑鐘舵佷笅锛屽彲浠ュ湪Dreamweaver杞欢涓瑙堢綉椤碘濓紝涓嶈繃杩欑鎯呭喌涓嬬殑棰勮缃戦〉鍙兘浼氭湁鍋忓樊 鍦ㄥ伐鍏锋爮涓湁涓涓滃湴鐞冣濇牱寮忕殑鍔熻兘鎸夛紝鍙互閫氳繃杩欎釜鍔熻兘閫夋嫨鍦ㄤ笉鍚岀殑娴忚鍣ㄤ腑杩涜棰勮浠ュ強娴嬭瘯缃戦〉锛涘彟澶栦笉鍚岀殑娴忚鍣ㄥ鍚屼竴涓綉椤垫樉绀虹殑鏁堟灉鏈夊彲鑳戒細鏈夊亸宸紝寤鸿澶浣跨敤涓嶅悓鐨...
  • 扩展阅读:www.sony.com.cn ... adobe dreamware ... 色域adobe ... dream weaver软件 ... dreamware网页制作 ... dreamweaver免费版 ... macromedia dreamweaver ... dreame扫地机器人app ... dreamwearver手机版下载 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网