ছবি বা পাঠ্যের চারপাশে রাখা ফ্রেমগুলি সাইটটি সজ্জিত করে এবং এর নকশায় বিভিন্নতা যুক্ত করে। আপনি যদি সীমানা তৈরি করতে সারণী ব্যবহার করেন তবে প্রতিটি সীমানার কোডটি খুব বেশি স্থান গ্রহণ করবে। এছাড়াও, এই ক্ষেত্রে, আপনাকে প্রতিটি ফ্রেমের জন্য এইচটিএমএল কোডটি আবার লিখতে হবে। সিএসএসের সাহায্যে আপনি এই সীমানাটি ঘিরে থাকা সমস্ত উপাদানগুলির জন্য একবারে একটি সাধারণ কোড লিখে সহজেই যে কোনও ঘনত্ব এবং রঙের সীমানা তৈরি করতে পারেন। এই প্রযুক্তিটি, প্রয়োজনে, কয়েক মিনিটের মধ্যে সাইটে ফ্রেমের ধরণের পরিবর্তন করার অনুমতি দেয়।
এটা জরুরি
- - আপনার নিজস্ব ওয়েবসাইট আছে;
- - সিএসএস কী এবং এই স্টাইলগুলি সাইটে লিখিত রয়েছে তা জেনে নিন।
নির্দেশনা
ধাপ 1
সীমানা তৈরি করতে, প্রথমে সিএসএসে নিম্নলিখিত কোডটি লিখুন:
রামকা {}
ধাপ ২
সীমানাটি আপনি যে আকারটি চান তা তৈরি করতে সীমানা-প্রস্থের প্যারামিটার ব্যবহার করুন, যা পিক্সেলগুলিতে রেখার প্রস্থ নির্ধারণ করে। উদাহরণস্বরূপ, যদি ফ্রেম লাইনটি 3 পিক্সেল প্রশস্ত করা উচিত, তবে এন্ট্রিটি দেখতে এইরকম হবে:
রামকা {সীমানা-প্রস্থ: 3px;
ধাপ 3
সীমান্তের স্টাইলের প্যারামিটার ব্যবহার করে সীমানার শৈলীর সংজ্ঞা দিন। যদি আপনি এমন একটি সীমানা তৈরি করতে চান যার পক্ষগুলি নিয়মিত শক্ত রেখাগুলি হয় তবে কোঁকড়ানো ধনুর্বন্ধনী - সীমানা-স্টাইল: শক্তির মধ্যে কোডের মধ্যে নিম্নলিখিত এন্ট্রিটি দিন।
পদক্ষেপ 4
একটি বিন্দুযুক্ত সীমানা এটি লিখতে পারেন: সীমানা-স্টাইল: বিন্দুযুক্ত। সীমানা-শৈলী চেক করা: ড্যাশড আপনাকে একটি ড্যাশড সীমানা দেবে।
পদক্ষেপ 5
আপনি সীমানাটিকে এর মতো একটি ডবল শক্ত রেখা তৈরি করতে পারেন: সীমানা-স্টাইল: ডাবল। সীমানা-শৈলী: খাঁজ বা সীমানা-শৈলী: পাঠ্য বা চিত্রগুলিকে 3 ডি পার্শ্ব প্রতিক্রিয়াযুক্ত ফ্রেমগুলিতে ফ্রেম করতে রিজ ব্যবহার করুন। এই দুটি বিকল্পের মধ্যে পার্থক্য হ'ল প্রথম ক্ষেত্রে, ফ্রেমে ইন্ডেন্টেড লাইন থাকে এবং দ্বিতীয়টিতে উত্তলগুলি থাকে।
পদক্ষেপ 6
এই কোডটি ব্যবহার করুন: সীমানা-শৈলী: কোনও সাইটের উপাদানগুলির সীমানার সাথে কোনও ইনসেটের প্রভাব তৈরি করতে ইনসেট। সীমান্তের পাশাপাশি, সীমান্তের সামগ্রীটি তৈরি করতে, বিপরীতে, উত্তল, সীমান্ত-স্টাইল লিখুন: সূচনা।
পদক্ষেপ 7
আপনি কোঁকড়ানো ধনুর্বন্ধনীগুলির মধ্যেও বর্ডার-কালার প্যারামিটার ব্যবহার করে ফ্রেমে কাঙ্ক্ষিত রঙ যুক্ত করতে পারেন। আপনি যদি সীমানাকে লাল করতে চান, তবে সীমানা-বর্ণটি লিখুন: লাল, নীল - সীমানা-রঙ: নীল, কমলা - সীমানা-রঙ: কমলা।
পদক্ষেপ 8
সমস্ত অপশন সহ সিএসএস বর্ডার কোডটি এর মতো দেখাচ্ছে:
রামকা {সীমানা-প্রস্থ: 3 পিএক্স; সীমানা-শৈলী: কঠিন; সীমানা-রঙ: নীল;
পদক্ষেপ 9
এখন, এইচটিএমএল এ লিখুন:
ফ্রেম সামগ্রী "ফ্রেম সামগ্রী" বাক্যাংশের পরিবর্তে পছন্দসই ছবির পাঠ্য বা কোড প্রবেশ করান।
পদক্ষেপ 10
সুতরাং, আপনি সাইটে সীমাহীন সংখ্যক উপাদান ডিজাইন করতে পারেন। ফ্রেমের উপস্থিতি পরিবর্তন করতে আপনাকে কেবল সিএসএস কোড পরিবর্তন করতে হবে।
