css圓角邊框程式碼,css3中div圓角邊框是怎麼寫的
css3有一種新功能就是給div或者是圖片等圓角,圓角程式碼怎麼寫你知道嗎,作為一個經常寫css的網站制作者,今天跟大家分享一下css圓角邊框程式碼,當然圖片圓角也是一樣的,我分享的程式碼儘量相容各種瀏覽器,包括ie、360瀏覽器、搜狗瀏覽器、谷歌瀏覽器等
操作方法
(01)css程式碼:{padding:10px; width:300px; height:50px;border: 2px solid #000000;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;}-moz-border-radius: 15px; -webkit-border-radius: 15px; 這兩個是為了相容其他一些不常用瀏覽寫的css圓角程式碼html程式碼:<div class="yj">這個div四個角都圓15px;</div>結果如下:
(02)圖片圓角也是一樣的:css程式碼:{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}html程式碼:<img src="xp.jpg" width="100px" height="100px;" class="yj" />結果如下:
(03)css3圓角程式碼也支援上下左右的:css程式碼這麼寫:{padding:10px; width:300px; height:50px;border: 2px solid #000000;-moz-border-radius: 0px 0px 20px 25px;;-webkit-border-radius: 0px 0px 20px 25px;;border-radius:0px 0px 20px 25px;;}結果如下
(04)圓角程式碼也支援拆分的(四個邊框都圓角10px的拆分css程式碼如下):border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius:10px;border-bottom-left-radius: 10px;
特別提示
css3圓角程式碼拆分的時候一定要注意radius這個是放最後的,跟我們以前加的有點不同。
圓角程式碼不支援老款瀏覽器,不過現在的瀏覽器基本上都可以支援了。
-
MATLAB使用importdata讀取字元資料檔案並繪圖
本文首先使用importdata()讀取(匯入)含有字元和資料的文字格式資料檔案,然後介紹通過“.”+資料名的方式讀取結構陣列中的資料,最後使用plot()繪製折線圖。操作方法(01)第一,首先準備資料,下圖txt資料檔案是某年12個月的月收入情況,既包含數字又包含字元。(02)第二,將該數...
-
framework3.5怎麼安裝
framework3.5是一個框架,主要功能是多語言元件的開發以及執行環境,下面說說怎麼安裝以供參考:操作方法(01)首先在瀏覽中輸入framework3.5,在網頁結果中點選普通下載。(02)下載好之後雙擊開啟,等待軟體載入元件程式。(03)之後再選擇我已經閱讀並接受許可協議中的條款,再點選...
-
百度地圖檢視座標
操作方法(01)首先,電腦開啟搜狗瀏覽器,進入百度官網。(02)在上邊我們點選百度地圖的按鈕。(03)進入地圖上,可以看到當前自己所在城市。(04)點選地圖下方的“地圖開發平臺”按鈕。(05)在地圖開放平臺頁面,點選:開發文件——座標拾取器。(06)然後在地圖中,隨意點選一個位置,就可以查...
-
參考文獻在文中怎麼標註(word)
(尾註新增方法)在文章中標註參考文獻,還在一個一個慢慢敲嗎?看看用word怎麼快速實現吧。這裡以word2003為例。操作方法(01)游標移到要加入參考文獻標註的地方(02)選單中“插入”——“引用”——“腳註和尾註”(03)如圖設定(04)確定後在該處就插入了一個上標“1”,而游標...